电子看板页面完善 接口调试完成

src/main/resources/static/css/synthesisQuery/digitalSignage.css

@@ -54,8 +54,8 @@ body {
 .scroll-box {
     top: 15px;
     left: 15px;
-    width: 460px;
-    height: 180px;
+    width: 520px;
+    height: 200px;
 }
 
 .scroll-box-title,
@@ -64,13 +64,13 @@ body {
 }
 
 .scroll-box-title {
-    height: 30px;
-    line-height: 30px;
+    height: 40px;
+    line-height: 40px;
     font-weight: bold;
 }
 
 .scroll-box-content {
-    height: 150px;
+    height: 160px;
     /* overflow-y: auto; */
     overflow: hidden;
 }
@@ -78,6 +78,7 @@ body {
 .flex-box {
     padding: 6px 0;
     display: flex;
+    align-items: center;
     box-sizing: border-box;
 }
 
@@ -104,14 +105,31 @@ body {
 
 .content-item span {
     display: flex;
-    flex-direction: column;
     align-items: center;
     justify-content: center;
 }
 
+.content-item span img {
+    width: 18px;
+    height: 18px;
+    margin-right: 4px;
+}
+
+.content-item span:last-child {
+    display: flex;
+    flex-direction: column !important;
+    justify-content: center !important;
+    align-items: flex-start !important;
+}
+
 .content-item span i {
     padding: 1px 0;
     font-style: normal;
+    white-space: nowrap; /* 禁止换行 */
+    overflow: hidden; /* 溢出隐藏 */
+    text-overflow: ellipsis; /* 显示省略号 */
+    display: inline-block; /* 必须设置宽度才能生效 */
+    max-width: 100%; /* 限制最大宽度，防止撑开容器 */
 }
 
 /* 左下角图例 */
@@ -163,6 +181,9 @@ body {
     font-size: 14px;
 }
 
+.map-container-item-ropeway {
+    display: flex;
+}
 .map-container-item span:first-child {
     width: 160px;
 }
@@ -174,10 +195,15 @@ body {
 /* 索道信息窗口样式 */
 .map-container-item-ropeway span:first-child {
     padding-left: 16px;
+    width: 100px;
 }
 .map-container-item-ropeway span:last-child {
     margin-left: 4px;
-    min-width: 120px;
+    width: 140px;
+    white-space: nowrap; /* 禁止换行 */
+    overflow: hidden; /* 溢出隐藏 */
+    text-overflow: ellipsis; /* 显示省略号 */
+    display: inline-block; /* 必须设置宽度才能生效 */
 }
 
 /* 交叉信息窗口样式 */
@@ -202,7 +228,7 @@ body {
 }
 
 .map-container-cross .map-container-2 h4 {
-    padding-left: 20px;
+    /* padding-left: 20px; */
 }
 
 /* 右侧抽屉 */
@@ -272,3 +298,11 @@ body {
 .layui-tree-line .layui-tree-entry:hover .layui-tree-txt {
     color: #dfd8d8 !important;
 }
+
+.layui-tree-click {
+    background-color: #54b4e2 !important; /* 浅蓝色背景 */
+    color: #1890ff !important; /* 蓝色文字 */
+}
+.layui-icon {
+    color: #fff !important;
+}

src/main/resources/static/pages/synthesisQuery/digitalSignage.html

@@ -14,7 +14,7 @@
     <script src="../../js/openIframe.js"></script>
     <script src="../../js/my/aes.js"></script>
     <script src="../../js/ajaxRequest.js"></script>
-    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=1.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script>
+    <script type="text/javascript" src="//api.map.baidu.com/api?type=webgl&v=3.0&ak=cClgLBaLgGUdQDilX9dGvieL"></script>
     <title>电子看板</title>
 
     <style>