From 762ff79978922ae009c7d4704d4c62f0192d3482 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=A4=9C=E7=AC=99=E6=AD=8C?= <2277317060@qq.com>
Date: Fri, 13 Dec 2024 14:47:03 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=A0=91=E7=8A=B6=E5=9B=BE?=
 =?UTF-8?q?=20=E4=BF=AE=E6=94=B9=E5=85=A8=E5=B1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../resources/static/img/thermometer1.png     | Bin 0 -> 2402 bytes
 .../src/main/resources/templates/index.html   |   3 +
 .../report/TemperatureArrayTreemap.html       | 481 ++++++++++--------
 3 files changed, 263 insertions(+), 221 deletions(-)
 create mode 100644 ruoyi-admin/src/main/resources/static/img/thermometer1.png

diff --git a/ruoyi-admin/src/main/resources/static/img/thermometer1.png b/ruoyi-admin/src/main/resources/static/img/thermometer1.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff0b81c6dceaf3bf24de775453871bcada851958
GIT binary patch
literal 2402
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
Up}3p-=l}o!07*qoM6N<$g5mFqL;wH)

literal 0
HcmV?d00001

diff --git a/ruoyi-admin/src/main/resources/templates/index.html b/ruoyi-admin/src/main/resources/templates/index.html
index cf8c4ea..645dba9 100644
--- a/ruoyi-admin/src/main/resources/templates/index.html
+++ b/ruoyi-admin/src/main/resources/templates/index.html
@@ -301,6 +301,9 @@ if($.common.isNotEmpty(skin)){
 	$("body").addClass([[${skinName}]]);
 }
 
+$('#fullScreen').on('click', function () {
+  $(document).toggleFullScreen();
+});
 function tankuan(){
     $(".tipfloat").animate({height:"show"},800);
 }
diff --git a/ruoyi-admin/src/main/resources/templates/report/TemperatureArrayTreemap.html b/ruoyi-admin/src/main/resources/templates/report/TemperatureArrayTreemap.html
index 131f4e9..08d9d20 100644
--- a/ruoyi-admin/src/main/resources/templates/report/TemperatureArrayTreemap.html
+++ b/ruoyi-admin/src/main/resources/templates/report/TemperatureArrayTreemap.html
@@ -1,246 +1,285 @@
 <!DOCTYPE html>
-<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
+<html lang="zh" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" xmlns:th="http://www.thymeleaf.org">
 <head>
-    <th:block th:include="include :: header('温度阵列传感器曲线')" />
-    <th:block th:include="include :: layout-latest-css" />
-    <th:block th:include="include :: ztree-css" />
-    <th:block th:include="include :: datetimepicker-css" />
+  <th:block th:include="include :: header('温度阵列传感器曲线')"/>
+  <th:block th:include="include :: layout-latest-css"/>
+  <th:block th:include="include :: ztree-css"/>
+  <th:block th:include="include :: datetimepicker-css"/>
 </head>
+<style>
+  .item {
+    text-align: center;
+    display: inline-block;
+    margin: 0 0.5vw;
+    vertical-align: top;
+    position: relative;
+  }
+
+  .item .children {
+    margin-top: 4vw;
+    position: relative;
+  }
+
+  .item .line {
+    position: absolute;
+    height: 1vw;
+    width: 2px;
+    background-color: #235bcb;
+    left: 50%;
+    transform: translate(-50%, -100%);
+  }
+
+  .item .line1 {
+    position: absolute;
+    height: 2px;
+    width: calc(50% + 0.5vw + 2px);
+    background-color: #235bcb;
+    left: calc(-0.5vw - 2px);
+    transform: translateY(-1vw);
+  }
+
+  .item .line2 {
+    position: absolute;
+    height: 2px;
+    width: calc(50% + 0.5vw + 2px);
+    background-color: #235bcb;
+    left: 50%;
+    transform: translateY(-1vw);
+  }
+
+
+  .item .children .line3 {
+    position: absolute;
+    height: 3vw;
+    width: 2px;
+    background-color: #235bcb;
+    left: 50%;
+    transform: translate(-50%, -4vw);
+  }
+</style>
 <body class="gray-bg">
 
 <div class="ui-layout-west">
-    <div class="box box-main">
-        <div class="box-header">
-            <div class="box-title">
-                <i class="fa icon-grid"></i> 测控点信息
-            </div>
-            <div class="box-tools pull-right">
-                <a type="button" class="btn btn-box-tool" href="#" onclick="dept()" title="测控点信息"><i class="fa fa-edit"></i></a>
-                <button type="button" class="btn btn-box-tool" id="btnExpand" title="展开" style="display:none;"><i class="fa fa-chevron-up"></i></button>
-                <button type="button" class="btn btn-box-tool" id="btnCollapse" title="折叠"><i class="fa fa-chevron-down"></i></button>
-                <button type="button" class="btn btn-box-tool" id="btnRefresh" title="刷新"><i class="fa fa-refresh"></i></button>
-            </div>
-        </div>
-        <div class="ui-layout-content">
-            <div id="tree" class="ztree"></div>
-        </div>
+  <div class="box box-main">
+    <div class="box-header">
+      <div class="box-title">
+        <i class="fa icon-grid"></i> 测控点信息
+      </div>
+      <div class="box-tools pull-right">
+        <a class="btn btn-box-tool" href="#" onclick="dept()" title="测控点信息" type="button"><i class="fa fa-edit"></i></a>
+        <button class="btn btn-box-tool" id="btnExpand" style="display:none;" title="展开" type="button"><i
+                class="fa fa-chevron-up"></i></button>
+        <button class="btn btn-box-tool" id="btnCollapse" title="折叠" type="button"><i class="fa fa-chevron-down"></i>
+        </button>
+        <button class="btn btn-box-tool" id="btnRefresh" title="刷新" type="button"><i class="fa fa-refresh"></i></button>
+      </div>
     </div>
+    <div class="ui-layout-content">
+      <div class="ztree" id="tree"></div>
+    </div>
+  </div>
 </div>
 
 <div class="ui-layout-center">
-    <div class="container-div">
-        <div class="row">
-            <div class="col-sm-12 search-collapse">
-                <form id="formId">
-                    <input type="hidden" id="monitorId" name="monitorId">
-                    <div class="select-list">
-                        <ul>
-                            <li class="select-time">
-                                <label>采集时间：</label><input type="text" class="form-control" style="width: 150px"  id="laydate-demo-3" placeholder="开始时间" name="params[beginCollectTime]"/>
-                                <span>-</span>
-                                <input type="text" class="form-control" id="laydate-demo-4" style="width: 150px"  placeholder="结束时间" name="params[endCollectTime]"/>
-                            </li>
-                            <li>
-                            </li>
+  <div class="container-div">
+    <div class="row">
+      <div class="col-sm-12 search-collapse">
+        <form id="formId">
+          <input id="monitorId" name="monitorId" type="hidden">
+          <div class="select-list">
+            <ul>
+              <li class="select-time">
+                <label>采集时间：</label><input class="form-control" id="laydate-demo-3" name="params[beginCollectTime]"
+                                           placeholder="开始时间"
+                                           style="width: 150px" type="text"/>
+                <span>-</span>
+                <input class="form-control" id="laydate-demo-4" name="params[endCollectTime]" placeholder="结束时间"
+                       style="width: 150px"
+                       type="text"/>
+              </li>
+              <li>
+              </li>
 
-                        </ul>
-                    </div>
-                </form>
-            </div>
-            <div class="ibox-content" style="margin-top: 80px;margin-right: 0px;">
-                <div class="echarts" id="echarts-line-chart" style="height: 620px"></div>
-            </div>
-<!--            <div class="col-sm-12 select-table table-striped">-->
-<!--                <table id="bootstrap-table"></table>-->
-<!--            </div>-->
+            </ul>
+          </div>
+        </form>
+      </div>
+      <div class="ibox-content" style="margin-top: 80px;margin-right: 0px;">
+        <div class="treeContent" id="treeContent">
         </div>
+      </div>
+      <!--            <div class="col-sm-12 select-table table-striped">-->
+      <!--                <table id="bootstrap-table"></table>-->
+      <!--            </div>-->
     </div>
+  </div>
 </div>
 
-<th:block th:include="include :: footer" />
-<th:block th:include="include :: layout-latest-js" />
-<th:block th:include="include :: ztree-js" />
-<th:block th:include="include :: echarts-js" />
-<th:block th:include="include :: datetimepicker-js" />
+<th:block th:include="include :: footer"/>
+<th:block th:include="include :: layout-latest-js"/>
+<th:block th:include="include :: ztree-js"/>
+<th:block th:include="include :: echarts-js"/>
+<th:block th:include="include :: datetimepicker-js"/>
 <script th:inline="javascript">
-    var prefix = ctx + "system/ArrayTemperatureData"
-    var timedata=[];
-    var tempreturedata=[];
-    var humdata=[];
-    layui.use('laydate', function(){
-        var laydate = layui.laydate;
+  var prefix = ctx + "system/ArrayTemperatureData"
+  var timedata = [];
+  var tempreturedata = [];
+  var humdata = [];
+  layui.use('laydate', function () {
+    var laydate = layui.laydate;
 
-        laydate.render({
-            elem: '#laydate-demo-3',
-            type: 'datetime',
-            trigger: 'click'
-        });
-
-        laydate.render({
-            elem: '#laydate-demo-4',
-            type: 'datetime',
-            trigger: 'click'
-        });
+    laydate.render({
+      elem: '#laydate-demo-3',
+      type: 'datetime',
+      trigger: 'click'
     });
-    $(function() {
-        var panehHidden = false;
-        getdata(null);
-        if ($(this).width() < 769) {
-            panehHidden = true;
-        }
-        $('body').layout({ initClosed: panehHidden, west__size: 185 });
-        queryDeptTree();
-    });
-
-    function queryDeptTree()
-    {
-        var url = ctx + "system/Monitor/treeData?monitorType=30";
-        var options = {
-            url: url,
-            expandLevel: 1,
-            onClick : zOnClick,
-
-        };
-        $.tree.init(options);
-        function zOnClick(event, treeId, treeNode) {
-            $("#monitorId").val(treeNode.id);
-            $.table.search();
-            getdata(treeNode.id);
+
+    laydate.render({
+      elem: '#laydate-demo-4',
+      type: 'datetime',
+      trigger: 'click'
+    });
+  });
+  $(function () {
+    var panehHidden = false;
+    getdata(null);
+    if ($(this).width() < 769) {
+      panehHidden = true;
+    }
+    $('body').layout({initClosed: panehHidden, west__size: 185});
+    queryDeptTree();
+  });
+
+  function queryDeptTree() {
+    var url = ctx + "system/Monitor/treeData?monitorType=30";
+    var options = {
+      url: url,
+      expandLevel: 1,
+      onClick: zOnClick,
+
+    };
+    $.tree.init(options);
+
+    function zOnClick(event, treeId, treeNode) {
+      $("#monitorId").val(treeNode.id);
+      $.table.search();
+      getdata(treeNode.id);
+    }
+  }
+
+  $('#btnExpand').click(function () {
+    $._tree.expandAll(true);
+    $(this).hide();
+    $('#btnCollapse').show();
+  });
+
+  $('#btnCollapse').click(function () {
+    $._tree.expandAll(false);
+    $(this).hide();
+    $('#btnExpand').show();
+  });
+
+  $('#btnRefresh').click(function () {
+    queryDeptTree();
+  });
+
+  /* 社区信息 */
+  function dept() {
+    var url = ctx + "system/Monitor";
+    $.modal.openTab("测控点信息", url);
+  }
+
+  function handleTree(data, id, parentId, children) {
+    let config = {
+      id: id || 'id',
+      parentId: parentId || 'parentId',
+      childrenList: children || 'children'
+    };
+
+    var childrenListMap = {};
+    var nodeIds = {};
+    var tree = [];
+
+    for (let d of data) {
+      let parentId = d[config.parentId];
+      if (childrenListMap[parentId] == null) {
+        childrenListMap[parentId] = [];
+      }
+      nodeIds[d[config.id]] = d;
+      childrenListMap[parentId].push(d);
+    }
+
+    for (let d of data) {
+      let parentId = d[config.parentId];
+      if (nodeIds[parentId] == null) {
+        tree.push(d);
+      }
+    }
+
+    for (let t of tree) {
+      adaptToChildrenList(t);
+    }
+
+    function adaptToChildrenList(o) {
+      if (childrenListMap[o[config.id]] !== null) {
+        o[config.childrenList] = childrenListMap[o[config.id]];
+      }
+      if (o[config.childrenList]) {
+        for (let c of o[config.childrenList]) {
+          adaptToChildrenList(c);
         }
+      }
     }
 
-    $('#btnExpand').click(function() {
-        $._tree.expandAll(true);
-        $(this).hide();
-        $('#btnCollapse').show();
+    return tree;
+  }
+
+  const getItem = (e, k) => {
+    console.log(k)
+    let res = ``
+    e.forEach((v, index) => {
+      let html = `
+          <div class="item">
+          ${k > 0 ? `
+          <div class="line"></div>
+          ${index === 0 ? `` : `<div class="line1"></div>`}
+          ${(index === e.length - 1) ? `` : `<div class="line2"></div>`}
+          ` : ''}
+            <div class="thermometer">
+              <img alt="" height="54px" src="/img/thermometer1.png" width="50px">
+            </div>
+            <div class="name" style="color: #3b4472">${v.monitorName}</div>
+            <div class="temperature" style="color: #cb2f2c">${v.maxTemperature}℃</div>
+            ${v.children?.length > 0 ? `<div class="children"><div class="line3"></div>${getItem(v.children, k + 1)}</div>` : ''}
+          </div>
+      `
+      res += html
+    })
+    return res
+  }
+
+  function getdata(monitorId) {
+    var formData = new FormData();
+    formData.append("monitorId", monitorId);
+    formData.append("params[beginCollectTime]", $("#laydate-demo-3").val());
+    formData.append("params[endCollectTime]", $("#laydate-demo-4").val());
+    $.ajax({
+      url: prefix + "/getTemperatureArrayTreemap",
+      type: 'post',
+      cache: false,
+      data: formData,
+      processData: false,
+      contentType: false,
+      dataType: "json",
+      success: function (result) {
+        let data = handleTree(result.data, 'monitorId', 'pMonitorId', 'children')
+        console.log(data)
+        $('#treeContent').html(getItem(data, 0))
+
+      }
     });
+  }
 
-    $('#btnCollapse').click(function() {
-        $._tree.expandAll(false);
-        $(this).hide();
-        $('#btnExpand').show();
-    });
-
-    $('#btnRefresh').click(function() {
-        queryDeptTree();
-    });
-
-    /* 社区信息 */
-    function dept() {
-        var url = ctx + "system/Monitor";
-        $.modal.openTab("测控点信息", url);
-    }
-
-    function getdata(monitorId) {
-        var formData = new FormData();
-        formData.append("monitorId",monitorId);
-        formData.append("params[beginCollectTime]",$("#laydate-demo-3").val());
-        formData.append("params[endCollectTime]",$("#laydate-demo-4").val());
-        $.ajax({
-            url: prefix + "/getTemperatureArrayTreemap",
-            type: 'post',
-            cache: false,
-            data: formData,
-            processData: false,
-            contentType: false,
-            dataType: "json",
-            success: function(result) {
-                console.log(result);
-                result.data.forEach(function(e){
-                    // console.log(e.fluxData);
-                    timedata.push(e.collectTime);
-                    tempreturedata.push(e.tempreture);
-                    // humdata.push(e.humidity);
-                });
-                design();
-            }
-        });
-    }
-
-    function design() {
-        var lineChart = echarts.init(document.getElementById("echarts-line-chart"));
-        var lineoption = {
-            title: {
-                text: '温度阵列传感器最高温度曲线',
-                left: 'center'
-            },
-            tooltip: {
-                trigger: 'axis',
-                axisPointer: {
-                    animation: false
-                }
-            },
-            legend: {
-                data: ['温度'],
-                left: 10
-            },
-            toolbox: {
-                feature: {
-                    dataZoom: {
-                        yAxisIndex: 'none'
-                    },
-                    restore: {},
-                    saveAsImage: {}
-                }
-            },
-            axisPointer: {
-                link: { xAxisIndex: 'all' }
-            },
-            dataZoom: [
-                {
-                    show: true,
-                    realtime: true,
-                    start: 0,
-                    end: 100,
-                    xAxisIndex: 0
-                },
-                {
-                    type: 'inside',
-                    realtime: true,
-                    start: 30,
-                    end: 70,
-                    xAxisIndex: 0
-                }
-            ],
-            grid: {
-                left: 50,
-                right: 50,
-                height: '60%' // 调整height值以适应图表位置
-            },
-            xAxis: {
-                type: 'category',
-                boundaryGap: false,
-                axisLine: { onZero: true },
-                data: timedata
-            },
-            yAxis: {
-                name: '温度',
-                type: 'value'
-            },
-            series: [
-                {
-                    name: '温度',
-                    type: 'line',
-                    symbolSize: 8,
-                    hoverAnimation: false,
-                    data: tempreturedata,
-                    smooth: true,
-                    markPoint: {
-                        data: [
-                            { type: 'max', name: '最大值' },
-                            { type: 'min', name: '最小值' }
-                        ]
-                    },
-                }
-            ]
-        };
-
-        lineChart.setOption(lineoption,true);
-        $(window).resize(lineChart.resize);
-        timedata.splice(0,timedata.length);
-        tempreturedata.splice(0,tempreturedata.length);
-        humdata.splice(0,humdata.length);
-    }
 </script>
 </body>
-</html>
\ No newline at end of file
+</html>