Merge branch 'master' of http://192.168.0.75:3000/cwchen/ah_jjzhgd_webscreen

js/pages/newDataAnalysis/engineeringSafetyAnalysis.js

@@ -33,10 +33,10 @@ function initTable(bidCode,name) {
             { field: 'workLocation', title: '作业地点', align: 'center', width: '10%' },
             { field: 'monitoringPointId', title: '监测点编号', align: 'center', width: '10%' },
             { field: 'name', title: '监测点名称', align: 'center', width: '10%' },
-            { field: 'temperature', title: '当前平均温度', align: 'center', width: '8%' },
+            { field: 'temperature', title: '温度', align: 'center', width: '8%' },
-            { field: 'humidity', title: '当前平均湿度', align: 'center', width: '8%' },
+            { field: 'humidity', title: '湿度', align: 'center', width: '8%' },
-            { field: 'windSpeed', title: '当前平均风速', align: 'center', width: '8%' },
+            { field: 'windSpeed', title: '风速', align: 'center', width: '8%' },
-            { field: 'gasValue', title: '当前平均气体值', align: 'center', width: '10%' },
+            { field: 'gasValue', title: '气体值', align: 'center', width: '10%' },
             {
                 field: 'rateLevel', title: '最高隐患等级', align: 'center', width: '8%',
                 templet: function (d) {
@@ -144,6 +144,14 @@ function initEchartsOne(data) {
         tooltip: {
             trigger: 'axis'
         },
+        title: {
+            text: '异常检测', // 标题文本
+            left: 'left', // 标题位置，可以是 'left', 'right', 'center'
+            textStyle: {
+                color: '#fff', // 标题颜色
+                fontSize: 18, // 字体大小
+            },
+        },
         legend: {
             data: ['温度', '湿度', '风速'],
             textStyle: {
@@ -155,7 +163,11 @@ function initEchartsOne(data) {
             data: dates,
             axisLabel: {
                 color: "#fff", // X轴标签白色
-                fontSize: 10,
+                formatter: function(value) {
+                    // 假设 value 是 "2025-07-24" 格式的字符串
+                    // 你可以根据需要进行格式化，例如换行显示
+                    return value.split('-').join('\n'); // 将日期字符串按 "-" 分割，并用换行符连接
+                }
             },
             axisLine: {
                 lineStyle: {

js/pages/newDataAnalysis/proQualityAnalysis.js

@@ -155,7 +155,7 @@ function initTable(type, bidCode) {
             // 工程质量分析
             return [
                 { type: "numbers", title: "序号", width: "10%" }, // 添加序号列
-                { field: "projectName", title: "工程名称", align: "center" },
+                { field: "checkItems", title: "检查项目", align: "center" },
                 { field: "projectManager", title: "项目经理", align: "center" },
                 { field: "team", title: "施工队伍", align: "center" },
                 { field: "startTime", title: "开始时间", align: "center" },
@@ -291,12 +291,12 @@ function initEchartsOne(passRate, noPassRate) {
 }
 
 function initEchartsTwo(data) {
-    const teams = data.map((item) => item.team);
+    const teams = data.map((item) => item.checkItems);
     const scores = data.map((item) => item.score);
 
     const option = {
         title: {
-            text: "队伍得分柱状图",
+            text: "检查项目得分情况",
             left: "center",
             textStyle: {
                 color: "#fff",

js/pages/newDataAnalysis/projectManagement.js

@@ -190,12 +190,12 @@ function setCols(type) {
         return [
             { type: "numbers", title: "序号", width: "10%" }, // 添加序号列
             {
-                field: "taskName",
+                field: "proName",
                 title: "工程名称",
                 align: "center",
             },
             {
-                field: "projectNumber",
+                field: "taskName",
                 title: "任务名称",
                 align: "center",
             },
@@ -224,19 +224,19 @@ function setCols(type) {
                 title: "实际成本",
                 align: "center",
             },
-            {
+            // {
-                title: "风险等级",
+            //     title: "风险等级",
-                align: "center",
+            //     align: "center",
-                templet: (d) => {
+            //     templet: (d) => {
-                    let text = "";
+            //         let text = "";
-                    text +=
+            //         text +=
-                        '<a style="color:rgb(226, 154, 11);font-size: 16px">' +
+            //             '<a style="color:rgb(226, 154, 11);font-size: 16px">' +
-                        d.riskLevel +
+            //             d.riskLevel +
-                        "级" +
+            //             "级" +
-                        "</a>";
+            //             "</a>";
-                    return text;
+            //         return text;
-                },
+            //     },
-            },
+            // },
             {
                 title: "风险数量",
                 align: "center",
@@ -249,11 +249,11 @@ function setCols(type) {
                     return text;
                 },
             },
-            {
+            // {
-                field: "suggestion",
+            //     field: "suggestion",
-                title: "建议策略",
+            //     title: "建议策略",
-                align: "center",
+            //     align: "center",
-            },
+            // },
             {
                 title: "操作",
                 align: "center",
@@ -276,7 +276,7 @@ function setCols2(type) {
             { type: "numbers", title: "序号", width: "10%" }, // 添加序号列
             {
                 field: "proPart",
-                title: "工程部位",
+                title: "工序名称",
                 align: "center",
             },
             {
@@ -375,7 +375,7 @@ function initTable(type, bidCode) {
             tableData = res.rows;
 
             barData = tableData.map((item) => {
-                return item.taskName;
+                return item.proName;
             });
             barData_1 = tableData.map((item) => {
                 return item.actualCost;
@@ -562,6 +562,7 @@ function initTable(type, bidCode) {
 }
 
 $(".chart-box").hide();
+$(".chart-box2").hide();
 
 $(".list-view").click(function () {
     if ($(this).hasClass("active")) return;
@@ -715,8 +716,10 @@ function initPieChart() {
             type: "category",
             data: barData,
             axisLabel: {
-                color: "#fff", // x轴文字颜色设为白色
+                color: "#fff",
                 fontSize: 12,
+                interval: 0, // 强制显示所有标签
+                rotate: barData.length > 5 ? 30 : 0, // 如果项目多就旋转标签
             },
             axisLine: {
                 lineStyle: {

js/pages/newDataAnalysis/projectProgress.js

@@ -157,11 +157,11 @@ function initTable(type, bidCode) {
                             "<div style='font-size: 16px; padding: 20px;'>延误原因：" +
                             rowData.delayActor +
                             "</div>" +
-                            "<div style='font-size: 16px; padding: 20px;'>其他原因：" +
+                            "<div style='font-size: 16px; padding: 20px;'>延误对策：" +
-                            data1[index] +
+                            rowData.delayPolicy +
                             "</div>" +
                             "<div style='font-size: 16px; padding: 20px;'>分析结果：" +
-                            data2[index] +
+                            rowData.analyzeResult +
                             "</div>" +
                             "</div>",
                         area: ["600px", "300px"],

pages/newDataAnalysis/energySavingAnalysis.html

@@ -158,14 +158,14 @@
         </div>
         <div class=" border border-[#004446] p-4 rounded-lg shadow">
             <h3 class="text-lg font-bold mb-1">设备能耗占比</h3>
-            <div id="deviceChart" style="height: 300px;width: 100%"></div>
+            <div id="deviceChart" style="height: 300px;width: 100%;"></div>
         </div>
     </div>
 
     <div class="grid grid-cols-2 gap-4 mb-2">
         <div class=" border border-[#004446] p-4 rounded-lg shadow">
-            <h3 class="text-lg font-bold mb-2">节能减排措施落实情况</h3>
+            <h3 class="text-lg font-bold mb-2">设备节能占比</h3>
-            <div id="progress-container" class="space-y-4"></div>
+            <div id="renewableUsedKwh" style="height: 270px;width: 100%;"></div>
         </div>
         <div class=" p-4 rounded-lg shadow border border-[#004446]">
             <h3 class="text-lg font-bold mb-2">能耗异常分析</h3>
@@ -179,6 +179,8 @@
 <script>
     const trendChart = echarts.init(document.getElementById('trendChart'));
     const deviceChart = echarts.init(document.getElementById('deviceChart'));
+    const renewableUsedKwhChart = echarts.init(document.getElementById('renewableUsedKwh'));
+
     let table, layer, form, laydate;
     layui.use(["layer", "table", "form"], function () {
         layer = layui.layer;
@@ -218,7 +220,6 @@
                 selectEnergyStatsByDateRange(data)
                 selectDeviceEnergyByDateRange(data)
                 selectAnomalyByDateRange(data)
-                selectLatestAll(data)
                 // 这里可以写你想监听后做的操作
             }
         });
@@ -231,7 +232,6 @@
         selectEnergyStatsByDateRange(data)
         selectDeviceEnergyByDateRange(data)
         selectAnomalyByDateRange(data)
-        selectLatestAll(data)
     });
 
     // 获取今天和一个月前日期，格式 yyyy-MM-dd
@@ -280,6 +280,7 @@
         }, function (result) {
             if (result.code === 200) {
                 deviceChartFn(result.data)
+                renewableUsedKwhFn(result.data)
             } else if (result.code === 500) {
                 console.error('数据分析应用' + result.msg);
             } else if (result.code === 401) {
@@ -308,42 +309,6 @@
     }
 
 
-    /* 加载数据分析应用 */
-    function selectLatestAll(data) {
-        const url = commonUrl + 'screen/largeScreen/deviceEnergyAnalysis/selectLatestAll';
-        ajaxRequest(url, "post", JSON.stringify(data), true, function () {
-        }, function (result) {
-            if (result.code === 200) {
-                insetLatest(result.data)
-            } else if (result.code === 500) {
-                console.error('数据分析应用' + result.msg);
-            } else if (result.code === 401) {
-
-            }
-        }, function (xhr, status, error) {
-
-        }, "application/json", aqEnnable);
-    }
-
-    function insetLatest(data) {
-        const container = document.getElementById('progress-container');
-        container.innerHTML = ''; // 🔄 清空原有内容
-        data.map(item => {
-            const block = document.createElement('div');
-            block.innerHTML = `
-      <div class="flex justify-between mb-1">
-        <span>${item.measureName}</span>
-        <span class="font-bold">${item.coverageRate * 100}%</span>
-      </div>
-      <div class="h-2 bg-gray-200 rounded-full">
-        <div class="h-2 bg-primary rounded-full" style="width: ${item.coverageRate * 100}%"></div>
-      </div>
-    `;
-            container.appendChild(block);
-        })
-    }
-
-
     function insertAlarm(data) {
         const container = document.getElementById('alarm-container');
         container.innerHTML = ''; // 🔄 清空原有内容
@@ -416,8 +381,8 @@
 
         data.map(item => {
             statDate.push(item.statDate);
-            consumptionKwh.push(item.consumptionKwh);
+            consumptionKwh.push(Number(parseFloat(item.consumptionKwh).toFixed(2)));
-            renewableUsedKwh.push(item.renewableUsedKwh);
+            renewableUsedKwh.push(Number(parseFloat(item.renewableUsedKwh).toFixed(2)));
         })
         trendChart.setOption({
             animation: false,
@@ -481,22 +446,23 @@
         let consumptionKwh = []
         data.map(item => {
             deviceName.push(item.deviceName);
-            consumptionKwh.push(item.consumptionKwh);
+            consumptionKwh.push(Number(parseFloat(item.consumptionKwh).toFixed(2)));
         })
         deviceChart.setOption({
             animation: false,
             tooltip: {
                 trigger: 'axis',
-                axisPointer: {
+                axisPointer: {type: 'shadow'}
-                    type: 'shadow'
-                }
             },
-            textStyle: {
+            textStyle: {color: '#FFFFFF'},
-                color: '#FFFFFF'
+            grid: {
-            },
+                left: 30,    // 增大左边距，给长标签留出空间
-            xAxis: {
+                right: 30,
-                type: 'value'
+                top: 20,
+                bottom: 30,
+                containLabel: true
             },
+            xAxis: {type: 'value'},
             yAxis: {
                 type: 'category',
                 data: deviceName
@@ -504,15 +470,55 @@
             series: [{
                 type: 'bar',
                 data: consumptionKwh,
-                itemStyle: {
+                itemStyle: {color: '#008781'},
-                    color: '#008781'
-                },
                 label: {
-                    show: true,           // 开启显示
+                    show: true,
-                    position: 'right',    // 数值显示在柱状图右侧（柱子尾部）
+                    position: 'right',
-                    color: '#FFFFFF',        // 设置字体颜色，根据背景可调整
+                    color: '#FFFFFF',
                     fontSize: 12,
-                    formatter: '{c}'      // 显示对应的数值
+                    formatter: '{c}'
+                }
+            }]
+        });
+
+    }
+
+    function renewableUsedKwhFn(data) {
+        let deviceName = [];
+        let renewableUsedKwh = []
+        data.map(item => {
+            deviceName.push(item.deviceName);
+            renewableUsedKwh.push(Number(parseFloat(item.renewableUsedKwh).toFixed(2)));
+        })
+        renewableUsedKwhChart.setOption({
+            animation: false,
+            tooltip: {
+                trigger: 'axis',
+                axisPointer: {type: 'shadow'}
+            },
+            textStyle: {color: '#FFFFFF'},
+            grid: {
+                left: 30,    // 增大左边距，给长标签留出空间
+                right: 30,
+                top: 20,
+                bottom: 30,
+                containLabel: true
+            },
+            xAxis: {type: 'value'},
+            yAxis: {
+                type: 'category',
+                data: deviceName
+            },
+            series: [{
+                type: 'bar',
+                data: renewableUsedKwh,
+                itemStyle: {color: '#008781'},
+                label: {
+                    show: true,
+                    position: 'right',
+                    color: '#FFFFFF',
+                    fontSize: 12,
+                    formatter: '{c}'
                 }
             }]
         });
@@ -522,6 +528,7 @@
     window.addEventListener('resize', function () {
         trendChart.resize();
         deviceChart.resize();
+        renewableUsedKwhChart.resize();
     });
 </script>
 </body>

pages/newDataAnalysis/exception-detail.html

@@ -78,10 +78,9 @@
 
 <script>
     const adviceMap = {
-        '能耗波动异常': '检查能耗数据波动趋势，确认是否存在非计划性设备启停或外部环境因素干扰。',
         '设备过载能耗': '检查设备运行负荷，适当分配工作任务，避免长时间高负荷运行。',
+        '能耗异常': '立即核查相关设备运行状态，排查是否存在故障或人为干预因素。',
         '轻微异常': '持续观察能耗变化，记录趋势并安排定期巡检。',
-        '能耗异常': '立即核查相关设备运行状态，排查是否存在故障或人为干预因素。'
     };
 
     // 从 URL 获取参数
@@ -93,9 +92,9 @@
     function setParams(data) {
         let item = JSON.parse(data);
         document.getElementById('device-name').innerText = item.deviceName;
-        document.getElementById('abnormal-date').innerText = item.statDate;
+        document.getElementById('abnormal-date').innerText = item.statDate.split(' ')[0];
         document.getElementById('anomalyDesc').innerText = item.anomalyDesc;
-        document.getElementById('time-range').innerText = `${item.lastRecordDate} - ${item.statDate}`;
+        document.getElementById('time-range').innerText = `${item.lastRecordDate.split(' ')[1]} - ${item.statDate.split(' ')[1]}`;
 
 
         // 根据异常类型填充建议措施
@@ -110,6 +109,5 @@
     //     anomalyDesc: "设备过载能耗"
     // }));
 </script>
-
 </body>
 </html>