waterAnalysisSharingEnginePush water.js 李欣儒 commit at 2021-01-27

waterAnalysisSharingEnginePush/externalJs/water.js

@@ -968,3 +968,152 @@ function getListData(queryParam = {}) {
                             },
                         },
                     ],
+                };
+
+                myChart.setOption(option);
+                window.addEventListener("resize", function() {
+                    myChart.resize();
+                });
+
+
+            })();
+
+            /* 
+                 主页面数据对接 end
+            */
+
+            //项目情况
+            var project_situation = result.RESULT[0].project_situation;
+            var items = '';
+            items = `<tr>
+                    <td>单位名称</td>
+                    <td colspan="5">${project_situation.company_name}</td>
+                </tr>
+                <tr>
+                    <td>进场日期</td>
+                    <td>${project_situation.entry_date} </td>
+                    <td>完工日期</td>
+                    <td>${project_situation.completion_date}</td>
+                    <td>验收日期</td>
+                    <td>${project_situation.acceptance_date}</td>
+                </tr>`
+            $('#project_situation').html(items);
+
+            //设备清单
+            var equipment_list = result.RESULT[0].equipment_list;
+            var items2 = '';
+            if (equipment_list) {
+                equipment_list.forEach(function(item, key) {
+                    items2 += `<tr>
+                                <td>${item.device_name}</td>  
+                                <td>${item.device_info}</td>
+                                <td>${item.device_code}</td>
+                                <td>${item.remarks}</td>
+                            </tr>`;
+                })
+                $('#equipment_list').html(items2)
+            }
+
+            //统计时段
+            var statistical_period = result.RESULT[0].statistical_period;
+            var items3 = '';
+            items3 = `<div>统计起始日期：${statistical_period.start_date}</div>
+                <div>统计截止日期：${statistical_period.closing_date}</div>
+                <div>统计时段时长：${statistical_period.duration}</div>`;
+            $('#statistical_period').html(items3)
+
+            //数据统计计算
+            var data_statistics = result.RESULT[0].data_statistics;
+            var items4 = '';
+            items4 = `<tr>
+                    <td>${data_statistics.alarm_number}</td>
+                    <td>${data_statistics.processing_number}</td>
+                    <td>${data_statistics.unprocessed_number}</td>
+                    <td>${data_statistics.treatment_rate}</td>
+                    <td>${data_statistics.untreated_rate}</td>
+                </tr>`;
+            $('#data_statistics').html(items4);
+
+            // 数据离散率挖掘
+            let dispersion_rate = result.RESULT[0].dispersion_rate;
+            console.log(result.RESULT[0].dispersion_rate)
+                // 结论数据渲染
+            var items = '';
+            var conclusion = dispersion_rate.conclusion
+            for (x in conclusion) {
+                xIndex = x.substr(x.length - 1, 1);
+                items += `<div>${xIndex}、${conclusion[x]}</div>`
+            }
+            $('.exportBox .divergence .summaryDetail').html(items);
+
+            // 数据离散率挖掘1
+            (function() {
+                let a = [];
+                let b = [];
+                let c = [];
+                let hydraulic_pressure = dispersion_rate.hydraulic_pressure;
+                hydraulic_pressure.forEach(function(item, index) {
+                    a.push(item.variance)
+                    b.push(item.standard_deviation)
+                    c.push(item.average_value)
+                });
+
+                var sortData = [{
+                    data: [a, b, c]
+                }];
+
+                var xData = function() {
+                    var data = [];
+                    for (var i = 1; i < hydraulic_pressure.length + 1; i++) {
+                        data.push(i);
+                    }
+                    return data;
+                }();
+
+                // 1. 实例化对象
+                var myChart = echarts.init(document.querySelector("#divergenceChart1"));
+                // 2.指定配置
+                var option = {
+
+                    color: [{
+                            colorStops: [{
+                                offset: 0,
+                                color: '#F9860C' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#fff' // 100% 处的颜色
+                            }],
+
+                        },
+                        {
+                            colorStops: [{
+                                offset: 0,
+                                color: '#07E1F1' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#0456CB' // 100% 处的颜色
+                            }],
+                        },
+                        {
+                            colorStops: [{
+                                offset: 0,
+                                color: '#11F90C' // 0% 处的颜色
+                            }, {
+                                offset: 1,
+                                color: '#3FC713' // 100% 处的颜色
+                            }],
+                        }
+                    ],
+                    tooltip: {
+                        trigger: "axis",
+                        textStyle: {
+                            align: 'left' //图例左对齐
+                        },
+                        backgroundColor: '#12DFE0',
+                        formatter: '{a0}: {c0}<br />{a1}: {c1}<br />{a2}: {c2}<br />时间：2021年3月{b}日'
+
+                    },
+                    legend: {
+                        // 如果series 对象有name 值，则 legend可以不用写data
+                        itemGap: 20,
+                        itemHeight: 2,