From 01f05b1963f03076b91518316a482ec3fbf4d392 Mon Sep 17 00:00:00 2001
From: a0049873 <79py69t9wb@privaterelay.appleid.com>
Date: Mon, 27 Jun 2022 09:43:37 +0800
Subject: [PATCH] eslint

---
 front/src/views/home/DetailsPageconetent.vue  | 870 +++++++++---------
 .../home/detailsPageInfrastructureTree.vue    | 252 ++---
 .../views/home/detailsPageconetentTree.vue    |  22 +-
 front/src/views/home/infrastructurePage.vue   | 238 +++--
 4 files changed, 684 insertions(+), 698 deletions(-)

diff --git a/front/src/views/home/DetailsPageconetent.vue b/front/src/views/home/DetailsPageconetent.vue
index fad985c5..ba19f9a8 100644
--- a/front/src/views/home/DetailsPageconetent.vue
+++ b/front/src/views/home/DetailsPageconetent.vue
@@ -1334,474 +1334,474 @@
   })
 </script>
 <style lang="less" scoped>
-.resultListSearchInput-father {
-  background: #f3f5f9;
-  padding-left: 0.2rem;
-  padding-top: 0.2rem;
-  .resultListSearchInput-son {
-    background: #fff;
-    padding: 0.2rem 0.2rem 0rem 0.3rem;
-    margin-right: 0.2rem;
-    .hengxian {
-      width: 100%;
-      height: 0.01rem;
-      background: rgba(150, 144, 144, 0.3);
-      margin-top: 0.2rem;
+  .resultListSearchInput-father {
+    background: #f3f5f9;
+    padding-left: 0.2rem;
+    padding-top: 0.2rem;
+    .resultListSearchInput-son {
+      background: #fff;
+      padding: 0.2rem 0.2rem 0rem 0.3rem;
+      margin-right: 0.2rem;
+      .hengxian {
+        width: 100%;
+        height: 0.01rem;
+        background: rgba(150, 144, 144, 0.3);
+        margin-top: 0.2rem;
+      }
     }
   }
-}
-.resultListSearchInput {
-  margin-left: 0.1rem;
-  :deep(.ant-input) {
-    width: 4rem;
-    height: 0.36rem;
-    background: #fff;
-    border-radius: 0.04rem;
+  .resultListSearchInput {
+    margin-left: 0.1rem;
+    :deep(.ant-input) {
+      width: 4rem;
+      height: 0.36rem;
+      background: #fff;
+      border-radius: 0.04rem;
+    }
+    :deep(.ant-input-search-button) {
+      width: 0.8rem;
+      height: 0.36rem;
+      background: #0087ff;
+      border-radius: 0.04rem !important;
+      font-size: 0.14rem;
+      font-weight: 400;
+      color: #fff;
+      line-height: 0.34rem;
+      margin-left: 0.1rem;
+    }
+    :deep(.ant-input-group-addon) {
+      left: 0 !important;
+    }
   }
-  :deep(.ant-input-search-button) {
+  .button-reset {
+    border: 0;
+    outline: none;
     width: 0.8rem;
     height: 0.36rem;
-    background: #0087ff;
-    border-radius: 0.04rem !important;
+    background: #e1edfa;
+    border-radius: 0.04rem;
     font-size: 0.14rem;
     font-weight: 400;
-    color: #fff;
+    color: #0087ff;
     line-height: 0.34rem;
-    margin-left: 0.1rem;
-  }
-  :deep(.ant-input-group-addon) {
-    left: 0 !important;
-  }
-}
-.button-reset {
-  border: 0;
-  outline: none;
-  width: 0.8rem;
-  height: 0.36rem;
-  background: #e1edfa;
-  border-radius: 0.04rem;
-  font-size: 0.14rem;
-  font-weight: 400;
-  color: #0087ff;
-  line-height: 0.34rem;
-  margin-left: 2.5rem;
-  cursor: pointer;
-}
-.details-pageconetent {
-  height: 100%;
-  width: 100%;
-  display: flex;
-  // flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  margin-top: 0.67rem;
-  position: relative;
-  background: rgba(245, 243, 243, 0.3);
-  .details-pageconetent-left {
-    max-height: 6.9rem;
-    position: absolute;
-    width: 2.5rem;
-    top: 0.17rem;
-    left: 2.5rem;
-    margin-right: 0.17rem;
-    overflow: auto;
-  }
-  .top {
-    min-height: 7.2rem;
-    position: relative;
-    width: 10.87rem;
-    display: flex;
-    padding-top: 0.2rem;
-    flex-direction: column;
-    // align-items: center;
-    font-size: 0.16rem;
-    justify-content: left;
     margin-left: 2.5rem;
-    .pagination {
-      background: #f3f5f9;
-      padding-bottom: 0.6rem;
+    cursor: pointer;
+  }
+  .details-pageconetent {
+    height: 100%;
+    width: 100%;
+    display: flex;
+    // flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    margin-top: 0.67rem;
+    position: relative;
+    background: rgba(245, 243, 243, 0.3);
+    .details-pageconetent-left {
+      max-height: 6.9rem;
+      position: absolute;
+      width: 2.5rem;
+      top: 0.17rem;
+      left: 2.5rem;
+      margin-right: 0.17rem;
+      overflow: auto;
     }
-    .jichusheshi {
-      // display: flex;
-      // flex-direction: column;
-      // justify-content: center;
-      // padding-top: .4rem;
-      height: 4.45rem;
-      // overflow: hidden;
-      .yunziyuan {
-        width: 100%;
-        position: relative;
-        .shuoming {
-          position: absolute;
-          right: 0.2rem;
-          top: 0.15rem;
-          font-size: 0.12rem;
-        }
-        .yunziyuan-title {
-          display: flex;
-          align-items: center;
-          .tupian {
-            // width: .89rem;
-            // height: .74rem;
-            // background: url('~@/assets/home/yunziyuan.png');
-          }
-          .title {
-            margin-left: 0.1rem;
-            font-weight: 600;
-            text-decoration: underline;
-            cursor: pointer;
-          }
-        }
-        .fenlei {
-          display: flex;
-          margin-left: 0.2rem;
-          margin-right: 0.3rem;
-          justify-content: space-between;
-        }
-        .keyongziyuan {
-          display: flex;
-          justify-content: space-between;
-          margin-left: 0.3rem;
-          margin-right: 0.3rem;
-          div {
-            display: flex;
-            div:last-child {
-              font-weight: 600;
-            }
-          }
-        }
-      }
-      .yunziyuan > div {
-        margin-bottom: 0.1rem;
-      }
-      .shipin {
-        width: 100%;
-        .shipin-title {
-          display: flex;
-          align-items: center;
-          .tupian {
-            // width: .56rem;
-            // height: .5rem;
-            // background: url('~@/assets/home/shipin.png');
-          }
-          .title {
-            margin-left: 0.1rem;
-            font-weight: 600;
-            text-decoration: underline;
-            cursor: pointer;
-          }
-        }
-        .fenlei {
-          display: flex;
-          margin-left: 0.2rem;
-          div {
-            margin-right: 0.6rem;
-          }
-          .shuzi {
-            font-weight: 600;
-          }
-        }
-      }
-      .shipin > div {
-        margin-bottom: 0.1rem;
-      }
-    }
-    .jichusheshi > div {
-      // background: #eaf4ff;
-      padding-top: 0.1rem;
-      border-radius: 0.04rem;
-      margin-bottom: 0.2rem;
-      padding-bottom: 0.4rem;
-    }
-    .shujuziyuan {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      padding-top: 0.4rem;
-      .yunziyuan {
-        width: 100%;
-        position: relative;
-        .shuoming {
-          position: absolute;
-          right: 0.2rem;
-          top: 0.15rem;
-          font-size: 0.12rem;
-        }
-        .yunziyuan-title {
-          display: flex;
-          align-items: center;
-          margin-left: 0.2rem;
-          .tupian {
-            // width: .51rem;
-            // height: .5rem;
-            // background: url('~@/assets/home/shujuziyuan.png');
-          }
-          .title {
-            margin-left: 0.1rem;
-            font-weight: 600;
-            text-decoration: underline;
-            cursor: pointer;
-          }
-        }
-        .fenlei {
-          display: flex;
-          margin-left: 0.2rem;
-          margin-right: 0.3rem;
-          justify-content: space-between;
-        }
-        .keyongziyuan {
-          display: flex;
-          justify-content: space-between;
-          margin-left: 0.3rem;
-          margin-right: 0.3rem;
-          div {
-            display: flex;
-            div:last-child {
-              font-weight: 600;
-            }
-          }
-        }
-      }
-      .yunziyuan > div {
-        margin-bottom: 0.1rem;
-      }
-    }
-    .shujuziyuan > div {
-      background: #eaf4ff;
-      padding-top: 0.1rem;
-      border-radius: 0.04rem;
-      margin-bottom: 0.2rem;
-      padding-bottom: 0.4rem;
-    }
-    .top-title {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-      font-size: 0.2rem;
-      font-family: 'Alibaba PuHuiTi';
-      color: #000000;
-      line-height: 0.34rem;
-      .photo {
-        display: inline-block;
-        height: 0.44rem;
-        width: 0.44rem;
-        margin-right: 0.1rem;
-      }
-      div {
-        margin: 0 0.2rem;
-        padding: 0 0.1rem;
-        cursor: pointer;
-        display: flex;
-        align-items: center;
-      }
-      div:hover {
-        color: #0087ff;
-      }
-      .sel {
-        font-weight: 600;
-        color: #0087ff;
-        border-bottom: 0.02rem solid #0087ff;
-      }
-    }
-    .top-content-father {
+    .top {
+      min-height: 7.2rem;
+      position: relative;
       width: 10.87rem;
-      padding-left: 0.2rem;
-      // margin-bottom: .2rem;
-      background: #f3f5f9;
-      .top-content-son {
-        background: #fff;
-        margin: 0rem 0.2rem 0.2rem 0rem;
-        padding-top: 0.2rem;
-        padding-bottom: 0.2rem;
+      display: flex;
+      padding-top: 0.2rem;
+      flex-direction: column;
+      // align-items: center;
+      font-size: 0.16rem;
+      justify-content: left;
+      margin-left: 2.5rem;
+      .pagination {
+        background: #f3f5f9;
+        padding-bottom: 0.6rem;
       }
-      .top-content {
-        display: flex;
-        margin-top: 0rem;
-        span:nth-child(1) {
-          display: inline-block;
+      .jichusheshi {
+        // display: flex;
+        // flex-direction: column;
+        // justify-content: center;
+        // padding-top: .4rem;
+        height: 4.45rem;
+        // overflow: hidden;
+        .yunziyuan {
+          width: 100%;
           position: relative;
-          // width: .7rem;
-          line-height: 0.3614rem;
-          white-space: normal;
-          text-align: center;
-          vertical-align: middle;
-        }
-        // .top-content-title {
-        //   top: -0.2rem;
-        // }
-        .leixingsumfather {
-          width: 8.1rem;
-          display: inline-block;
-          height: 0.3014rem;
-          overflow: hidden;
-          // width: 7.18rem;
-        }
-        .leixingsumfather2 {
-          width: 9.2rem;
-        }
-        .leixingsum {
-          display: inline-block;
-          cursor: pointer;
-          text-align: center;
-          margin-top: 0.05rem;
-          // margin-bottom: .1rem;
-          .ant-tag-checkable {
-            width: 0.83rem;
-            height: 0.25rem;
+          .shuoming {
+            position: absolute;
+            right: 0.2rem;
+            top: 0.15rem;
+            font-size: 0.12rem;
+          }
+          .yunziyuan-title {
             display: flex;
-            justify-content: center;
             align-items: center;
-            padding-left: 0.05rem;
-            padding-right: 0.05rem;
-            float: left;
-            margin: 0 0.15rem;
-            font-family: 'AlibabaPuHuiTiR';
-            font-size: 0.14rem;
-            color: #333333;
-            font-weight: 500;
-            text-align: center;
-            line-height: 0.14rem;
+            .tupian {
+              // width: .89rem;
+              // height: .74rem;
+              // background: url('~@/assets/home/yunziyuan.png');
+            }
+            .title {
+              margin-left: 0.1rem;
+              font-weight: 600;
+              text-decoration: underline;
+              cursor: pointer;
+            }
           }
-          :deep(.ant-tag-checkable-checked) {
-            // width: .67rem;
-            margin-left: 0.15rem;
-            margin-right: 0.15rem;
-            text-align: center;
+          .fenlei {
+            display: flex;
+            margin-left: 0.2rem;
+            margin-right: 0.3rem;
+            justify-content: space-between;
           }
-          .ant-tag-checkable:active,
-          .ant-tag-checkable-checked {
-            width: 0.85rem;
-            font-family: 'Alibaba PuHuiTi';
+          .keyongziyuan {
+            display: flex;
+            justify-content: space-between;
+            margin-left: 0.3rem;
+            margin-right: 0.3rem;
+            div {
+              display: flex;
+              div:last-child {
+                font-weight: 600;
+              }
+            }
+          }
+        }
+        .yunziyuan > div {
+          margin-bottom: 0.1rem;
+        }
+        .shipin {
+          width: 100%;
+          .shipin-title {
+            display: flex;
+            align-items: center;
+            .tupian {
+              // width: .56rem;
+              // height: .5rem;
+              // background: url('~@/assets/home/shipin.png');
+            }
+            .title {
+              margin-left: 0.1rem;
+              font-weight: 600;
+              text-decoration: underline;
+              cursor: pointer;
+            }
+          }
+          .fenlei {
+            display: flex;
+            margin-left: 0.2rem;
+            div {
+              margin-right: 0.6rem;
+            }
+            .shuzi {
+              font-weight: 600;
+            }
+          }
+        }
+        .shipin > div {
+          margin-bottom: 0.1rem;
+        }
+      }
+      .jichusheshi > div {
+        // background: #eaf4ff;
+        padding-top: 0.1rem;
+        border-radius: 0.04rem;
+        margin-bottom: 0.2rem;
+        padding-bottom: 0.4rem;
+      }
+      .shujuziyuan {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        padding-top: 0.4rem;
+        .yunziyuan {
+          width: 100%;
+          position: relative;
+          .shuoming {
+            position: absolute;
+            right: 0.2rem;
+            top: 0.15rem;
+            font-size: 0.12rem;
+          }
+          .yunziyuan-title {
+            display: flex;
+            align-items: center;
+            margin-left: 0.2rem;
+            .tupian {
+              // width: .51rem;
+              // height: .5rem;
+              // background: url('~@/assets/home/shujuziyuan.png');
+            }
+            .title {
+              margin-left: 0.1rem;
+              font-weight: 600;
+              text-decoration: underline;
+              cursor: pointer;
+            }
+          }
+          .fenlei {
+            display: flex;
+            margin-left: 0.2rem;
+            margin-right: 0.3rem;
+            justify-content: space-between;
+          }
+          .keyongziyuan {
+            display: flex;
+            justify-content: space-between;
+            margin-left: 0.3rem;
+            margin-right: 0.3rem;
+            div {
+              display: flex;
+              div:last-child {
+                font-weight: 600;
+              }
+            }
+          }
+        }
+        .yunziyuan > div {
+          margin-bottom: 0.1rem;
+        }
+      }
+      .shujuziyuan > div {
+        background: #eaf4ff;
+        padding-top: 0.1rem;
+        border-radius: 0.04rem;
+        margin-bottom: 0.2rem;
+        padding-bottom: 0.4rem;
+      }
+      .top-title {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        font-size: 0.2rem;
+        font-family: 'Alibaba PuHuiTi';
+        color: #000000;
+        line-height: 0.34rem;
+        .photo {
+          display: inline-block;
+          height: 0.44rem;
+          width: 0.44rem;
+          margin-right: 0.1rem;
+        }
+        div {
+          margin: 0 0.2rem;
+          padding: 0 0.1rem;
+          cursor: pointer;
+          display: flex;
+          align-items: center;
+        }
+        div:hover {
+          color: #0087ff;
+        }
+        .sel {
+          font-weight: 600;
+          color: #0087ff;
+          border-bottom: 0.02rem solid #0087ff;
+        }
+      }
+      .top-content-father {
+        width: 10.87rem;
+        padding-left: 0.2rem;
+        // margin-bottom: .2rem;
+        background: #f3f5f9;
+        .top-content-son {
+          background: #fff;
+          margin: 0rem 0.2rem 0.2rem 0rem;
+          padding-top: 0.2rem;
+          padding-bottom: 0.2rem;
+        }
+        .top-content {
+          display: flex;
+          margin-top: 0rem;
+          span:nth-child(1) {
+            display: inline-block;
+            position: relative;
+            // width: .7rem;
+            line-height: 0.3614rem;
+            white-space: normal;
+            text-align: center;
+            vertical-align: middle;
+          }
+          // .top-content-title {
+          //   top: -0.2rem;
+          // }
+          .leixingsumfather {
+            width: 8.1rem;
+            display: inline-block;
+            height: 0.3014rem;
+            overflow: hidden;
+            // width: 7.18rem;
+          }
+          .leixingsumfather2 {
+            width: 9.2rem;
+          }
+          .leixingsum {
+            display: inline-block;
+            cursor: pointer;
+            text-align: center;
+            margin-top: 0.05rem;
+            // margin-bottom: .1rem;
+            .ant-tag-checkable {
+              width: 0.83rem;
+              height: 0.25rem;
+              display: flex;
+              justify-content: center;
+              align-items: center;
+              padding-left: 0.05rem;
+              padding-right: 0.05rem;
+              float: left;
+              margin: 0 0.15rem;
+              font-family: 'AlibabaPuHuiTiR';
+              font-size: 0.14rem;
+              color: #333333;
+              font-weight: 500;
+              text-align: center;
+              line-height: 0.14rem;
+            }
+            :deep(.ant-tag-checkable-checked) {
+              // width: .67rem;
+              margin-left: 0.15rem;
+              margin-right: 0.15rem;
+              text-align: center;
+            }
+            .ant-tag-checkable:active,
+            .ant-tag-checkable-checked {
+              width: 0.85rem;
+              font-family: 'Alibaba PuHuiTi';
+              font-weight: 500;
+              background-color: #0087ff;
+              color: #ffffff;
+              border-radius: 0.16rem;
+            }
+          }
+          .active {
+            font-family: Alibaba PuHuiTi;
             font-weight: 500;
             background-color: #0087ff;
             color: #ffffff;
-            border-radius: 0.16rem;
           }
         }
-        .active {
-          font-family: Alibaba PuHuiTi;
+        .top-content:nth-child(1) {
+          margin-top: 0rem !important;
+        }
+      }
+    }
+  }
+  .shrinkTag {
+    width: 0.5rem;
+    display: flex;
+    justify-content: center;
+    align-items: flex-end;
+    margin-bottom: 0.05rem;
+    span {
+      cursor: pointer;
+    }
+  }
+  .shrink {
+    height: unset !important;
+    overflow: unset !important;
+  }
+  .talk-monitor {
+    position: fixed;
+    bottom: 0.5rem;
+    right: 0.1rem;
+    z-index: 9999;
+    cursor: pointer;
+    i {
+      width: 0.64rem;
+      height: 0.64rem;
+      display: inline-block;
+      background: url('~@/assets/home/icon-talk.png');
+      background-size: cover;
+    }
+  }
+  .top-content-father {
+    width: 10.87rem;
+    padding-left: 0.2rem;
+    // margin-bottom: .2rem;
+    .top-content {
+      display: flex;
+      margin-top: 0.23rem;
+      span:nth-child(1) {
+        display: inline-block;
+        position: relative;
+        width: 0.68rem;
+        font-weight: 600;
+        white-space: normal;
+        text-align: center;
+        vertical-align: middle;
+        font-size: 0.16rem;
+        margin-left: 0.3rem;
+      }
+      // .top-content-title {
+      //   top: -0.2rem;
+      // }
+      .leixingsumfather {
+        width: 7.7rem;
+        display: inline-block;
+        height: 0.3014rem;
+        overflow: hidden;
+        // width: 7.18rem;
+      }
+      .leixingsum {
+        width: 0.93rem;
+        display: inline-block;
+        cursor: pointer;
+        text-align: center;
+        margin-top: 0.05rem;
+        // margin-bottom: .1rem;
+        .ant-tag-checkable {
+          width: 0.85rem;
+          height: 0.25rem;
+          display: flex;
+          justify-content: center;
+          align-items: center;
+          padding-left: 0.05rem;
+          padding-right: 0.05rem;
+          float: left;
+          margin: 0 0.15rem;
+          font-family: 'AlibabaPuHuiTiR';
+          font-size: 0.14rem;
+          color: #333333;
+          font-weight: 500;
+          text-align: center;
+          line-height: 0.14rem;
+        }
+        :deep(.ant-tag-checkable-checked) {
+          // width: .67rem;
+          margin-left: 0.15rem;
+          margin-right: 0.15rem;
+          text-align: center;
+        }
+        .ant-tag-checkable:active,
+        .ant-tag-checkable-checked {
+          width: 0.85rem;
+          font-family: 'Alibaba PuHuiTi';
           font-weight: 500;
           background-color: #0087ff;
           color: #ffffff;
+          border-radius: 0.16rem;
         }
       }
-      .top-content:nth-child(1) {
-        margin-top: 0rem !important;
-      }
-    }
-  }
-}
-.shrinkTag {
-  width: 0.5rem;
-  display: flex;
-  justify-content: center;
-  align-items: flex-end;
-  margin-bottom: 0.05rem;
-  span {
-    cursor: pointer;
-  }
-}
-.shrink {
-  height: unset !important;
-  overflow: unset !important;
-}
-.talk-monitor {
-  position: fixed;
-  bottom: 0.5rem;
-  right: 0.1rem;
-  z-index: 9999;
-  cursor: pointer;
-  i {
-    width: 0.64rem;
-    height: 0.64rem;
-    display: inline-block;
-    background: url('~@/assets/home/icon-talk.png');
-    background-size: cover;
-  }
-}
-.top-content-father {
-  width: 10.87rem;
-  padding-left: 0.2rem;
-  // margin-bottom: .2rem;
-  .top-content {
-    display: flex;
-    margin-top: 0.23rem;
-    span:nth-child(1) {
-      display: inline-block;
-      position: relative;
-      width: 0.68rem;
-      font-weight: 600;
-      white-space: normal;
-      text-align: center;
-      vertical-align: middle;
-      font-size: 0.16rem;
-      margin-left: 0.3rem;
-    }
-    // .top-content-title {
-    //   top: -0.2rem;
-    // }
-    .leixingsumfather {
-      width: 7.7rem;
-      display: inline-block;
-      height: 0.3014rem;
-      overflow: hidden;
-      // width: 7.18rem;
-    }
-    .leixingsum {
-      width: 0.93rem;
-      display: inline-block;
-      cursor: pointer;
-      text-align: center;
-      margin-top: 0.05rem;
-      // margin-bottom: .1rem;
-      .ant-tag-checkable {
-        width: 0.85rem;
-        height: 0.25rem;
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        padding-left: 0.05rem;
-        padding-right: 0.05rem;
-        float: left;
-        margin: 0 0.15rem;
-        font-family: 'AlibabaPuHuiTiR';
-        font-size: 0.14rem;
-        color: #333333;
-        font-weight: 500;
-        text-align: center;
-        line-height: 0.14rem;
-      }
-      :deep(.ant-tag-checkable-checked) {
-        // width: .67rem;
-        margin-left: 0.15rem;
-        margin-right: 0.15rem;
-        text-align: center;
-      }
-      .ant-tag-checkable:active,
-      .ant-tag-checkable-checked {
-        width: 0.85rem;
-        font-family: 'Alibaba PuHuiTi';
+      .active {
+        font-family: Alibaba PuHuiTi;
         font-weight: 500;
         background-color: #0087ff;
         color: #ffffff;
-        border-radius: 0.16rem;
       }
     }
-    .active {
-      font-family: Alibaba PuHuiTi;
-      font-weight: 500;
-      background-color: #0087ff;
-      color: #ffffff;
+    .top-content:nth-child(1) {
+      margin-top: 0.41rem !important;
     }
   }
-  .top-content:nth-child(1) {
-    margin-top: 0.41rem !important;
+  :deep(.ant-card-grid) {
+    overflow: hidden;
+    white-space: nowrap;
+    text-overflow: ellipsis;
+    -webkit-line-clamp: 1;
   }
-}
-:deep(.ant-card-grid) {
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  -webkit-line-clamp: 1;
-}
 </style>
diff --git a/front/src/views/home/detailsPageInfrastructureTree.vue b/front/src/views/home/detailsPageInfrastructureTree.vue
index beb1ffd3..621eb4e9 100644
--- a/front/src/views/home/detailsPageInfrastructureTree.vue
+++ b/front/src/views/home/detailsPageInfrastructureTree.vue
@@ -340,143 +340,97 @@
   })
 </script>
 <style lang="less" scoped>
-// .wrapper {
-//   height: 100%;
-//   width: 100%;
-//   padding: .2rem;
-//   .wrapper-title {
-//     height: .28rem;
-//     width: 100%;
-//     margin-bottom: .25rem;
-//     .wrapper-title-name {
-//       width: 100%;
-//       height: .17rem;
-//       font-size: .18rem;
-//       font-family: 'AlibabaPuHuiTiR';
-//       font-weight: 400;
-//       color: #0058e1;
-//       line-height: .34rem;
-//     }
-//     .wrapper-title-yangshi {
-//       width: .4rem;
-//       height: .03rem;
-//       background: #0058e1;
-//       border-radius: .02rem;
-//       margin-top: .2rem;
-//       margin-left: .15rem;
-//     }
-//   }
-//   .wrapper-title-left-tree {
-//     overflow-y: auto;
-//     height: 80%;
-//     width: 2.1rem;
-//   }
-//   .wrapper-title-left-tree::-webkit-scrollbar {
-//     width: .05rem;
-//     height: .05rem;
-//   }
-//   .wrapper-title-left-tree::-webkit-scrollbar-thumb {
-//     border-radius: .05rem;
-//     background-color: #0058e1;
-//   }
-//   .wrapper-title-left-tree::-webkit-scrollbar-track {
-//     background-color: transparent;
-//   }
-//   :deep(.ant-tree-treenode) {
-//     margin-top: .1rem;
-//     height: .23rem;
-//     overflow: hidden;
-//     text-overflow: ellipsis;
-//     display: -webkit-box;
-//     -webkit-line-clamp: 1;
-//     -webkit-box-orient: vertical;
-//   }
-// }
-.primaryNode {
-  .top {
-    width: 100%;
-    height: 0.4rem;
-    background: rgba(0, 135, 225, 0.1);
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    padding: 0 0.1rem;
-    margin-top: 0.08rem;
-  }
-  .top:hover {
-    cursor: pointer;
-    // 0058e1 透明度 0.5
-    background: rgba(0, 88, 225, 0.8);
-    color: white;
-    :deep(.anticon) {
-      color: white;
-    }
-  }
-  .topSelect {
-    background: #0058e1;
-    color: white;
-    :deep(.anticon) {
-      color: white;
-    }
-  }
-  .bottom {
-    width: 100%;
-    background: rgba(244, 245, 248, 0.8);
-    padding: 0 0.1rem;
-    // margin-bottom: .08rem;
-    .up {
-      cursor: pointer;
+  // .wrapper {
+  //   height: 100%;
+  //   width: 100%;
+  //   padding: .2rem;
+  //   .wrapper-title {
+  //     height: .28rem;
+  //     width: 100%;
+  //     margin-bottom: .25rem;
+  //     .wrapper-title-name {
+  //       width: 100%;
+  //       height: .17rem;
+  //       font-size: .18rem;
+  //       font-family: 'AlibabaPuHuiTiR';
+  //       font-weight: 400;
+  //       color: #0058e1;
+  //       line-height: .34rem;
+  //     }
+  //     .wrapper-title-yangshi {
+  //       width: .4rem;
+  //       height: .03rem;
+  //       background: #0058e1;
+  //       border-radius: .02rem;
+  //       margin-top: .2rem;
+  //       margin-left: .15rem;
+  //     }
+  //   }
+  //   .wrapper-title-left-tree {
+  //     overflow-y: auto;
+  //     height: 80%;
+  //     width: 2.1rem;
+  //   }
+  //   .wrapper-title-left-tree::-webkit-scrollbar {
+  //     width: .05rem;
+  //     height: .05rem;
+  //   }
+  //   .wrapper-title-left-tree::-webkit-scrollbar-thumb {
+  //     border-radius: .05rem;
+  //     background-color: #0058e1;
+  //   }
+  //   .wrapper-title-left-tree::-webkit-scrollbar-track {
+  //     background-color: transparent;
+  //   }
+  //   :deep(.ant-tree-treenode) {
+  //     margin-top: .1rem;
+  //     height: .23rem;
+  //     overflow: hidden;
+  //     text-overflow: ellipsis;
+  //     display: -webkit-box;
+  //     -webkit-line-clamp: 1;
+  //     -webkit-box-orient: vertical;
+  //   }
+  // }
+  .primaryNode {
+    .top {
+      width: 100%;
       height: 0.4rem;
+      background: rgba(0, 135, 225, 0.1);
       display: flex;
       justify-content: space-between;
       align-items: center;
-      border-top: 0.01rem solid #ccc;
       padding: 0 0.1rem;
-      & > div {
-        display: flex;
-        justify-content: flex-start;
-      }
-      .name {
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display: -webkit-box;
-        -webkit-line-clamp: 1;
-        -webkit-box-orient: vertical;
+      margin-top: 0.08rem;
+    }
+    .top:hover {
+      cursor: pointer;
+      // 0058e1 透明度 0.5
+      background: rgba(0, 88, 225, 0.8);
+      color: white;
+      :deep(.anticon) {
+        color: white;
       }
     }
-    .up:hover {
-      .name {
-        color: #0058e1;
-        font-weight: 600;
-      }
-      span {
-        color: #0058e1;
-        font-weight: 600;
+    .topSelect {
+      background: #0058e1;
+      color: white;
+      :deep(.anticon) {
+        color: white;
       }
     }
-    .select {
-      padding: 0 0.1rem 0 0;
-      .name {
-        width: 1.7rem;
-        color: #0058e1;
-        font-weight: 600;
-      }
-      span {
-        color: #0058e1;
-        font-weight: 600;
-      }
-    }
-    .item:nth-of-type(1) .up {
-      border-top: none;
-    }
-    .down {
+    .bottom {
       width: 100%;
-      .child {
+      background: rgba(244, 245, 248, 0.8);
+      padding: 0 0.1rem;
+      // margin-bottom: .08rem;
+      .up {
         cursor: pointer;
         height: 0.4rem;
         display: flex;
         justify-content: space-between;
         align-items: center;
+        border-top: 0.01rem solid #ccc;
         padding: 0 0.1rem;
         & > div {
           display: flex;
@@ -490,7 +444,7 @@
           -webkit-box-orient: vertical;
         }
       }
-      .child:hover {
+      .up:hover {
         .name {
           color: #0058e1;
           font-weight: 600;
@@ -500,7 +454,8 @@
           font-weight: 600;
         }
       }
-      .select2 {
+      .select {
+        padding: 0 0.1rem 0 0;
         .name {
           width: 1.7rem;
           color: #0058e1;
@@ -510,9 +465,54 @@
           color: #0058e1;
           font-weight: 600;
         }
-        padding: 0 0.1rem 0 0;
+      }
+      .item:nth-of-type(1) .up {
+        border-top: none;
+      }
+      .down {
+        width: 100%;
+        .child {
+          cursor: pointer;
+          height: 0.4rem;
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 0 0.1rem;
+          & > div {
+            display: flex;
+            justify-content: flex-start;
+          }
+          .name {
+            overflow: hidden;
+            text-overflow: ellipsis;
+            display: -webkit-box;
+            -webkit-line-clamp: 1;
+            -webkit-box-orient: vertical;
+          }
+        }
+        .child:hover {
+          .name {
+            color: #0058e1;
+            font-weight: 600;
+          }
+          span {
+            color: #0058e1;
+            font-weight: 600;
+          }
+        }
+        .select2 {
+          .name {
+            width: 1.7rem;
+            color: #0058e1;
+            font-weight: 600;
+          }
+          span {
+            color: #0058e1;
+            font-weight: 600;
+          }
+          padding: 0 0.1rem 0 0;
+        }
       }
     }
   }
-}
 </style>
diff --git a/front/src/views/home/detailsPageconetentTree.vue b/front/src/views/home/detailsPageconetentTree.vue
index 7ebcfcba..a17ce985 100644
--- a/front/src/views/home/detailsPageconetentTree.vue
+++ b/front/src/views/home/detailsPageconetentTree.vue
@@ -395,13 +395,13 @@
   .primaryNode {
     .top {
       width: 100%;
-      height: .4rem;
+      height: 0.4rem;
       background: rgba(0, 135, 225, 0.1);
       display: flex;
       justify-content: space-between;
       align-items: center;
-      padding: 0 .1rem;
-      margin-top: .08rem;
+      padding: 0 0.1rem;
+      margin-top: 0.08rem;
     }
     .top:hover {
       cursor: pointer;
@@ -422,16 +422,16 @@
     .bottom {
       width: 100%;
       background: rgba(244, 245, 248, 0.8);
-      padding: 0 .1rem;
+      padding: 0 0.1rem;
       // margin-bottom: .08rem;
       .up {
         cursor: pointer;
-        height: .4rem;
+        height: 0.4rem;
         display: flex;
         justify-content: space-between;
         align-items: center;
-        border-top: .01rem solid #ccc;
-        padding: 0 .1rem;
+        border-top: 0.01rem solid #ccc;
+        padding: 0 0.1rem;
         & > div {
           display: flex;
           justify-content: flex-start;
@@ -455,7 +455,7 @@
         }
       }
       .select {
-        padding: 0 .1rem 0 0;
+        padding: 0 0.1rem 0 0;
         .name {
           width: 1.7rem;
           color: #0058e1;
@@ -473,11 +473,11 @@
         width: 100%;
         .child {
           cursor: pointer;
-          height: .4rem;
+          height: 0.4rem;
           display: flex;
           justify-content: space-between;
           align-items: center;
-          padding: 0 .1rem;
+          padding: 0 0.1rem;
           & > div {
             display: flex;
             justify-content: flex-start;
@@ -510,7 +510,7 @@
             color: #0058e1;
             font-weight: 600;
           }
-          padding: 0 .1rem 0 0;
+          padding: 0 0.1rem 0 0;
         }
       }
     }
diff --git a/front/src/views/home/infrastructurePage.vue b/front/src/views/home/infrastructurePage.vue
index cd59abab..7450bbfa 100644
--- a/front/src/views/home/infrastructurePage.vue
+++ b/front/src/views/home/infrastructurePage.vue
@@ -84,7 +84,7 @@
   </div>
 </template>
 <script setup>
-  import { ref, onCreated } from 'vue'
+  import { ref } from 'vue'
   const tabList = ref([
     {
       title: '设施类型',
@@ -153,12 +153,6 @@
   const clean = () => {
     name.value = ''
   }
-  // onCreated(() => {
-
-  // })
-  // onMounted(() => {
-
-  // })
   // 一键申请
   const apply = () => {
     console.log('一键申请')
@@ -294,14 +288,6 @@
     showSizeChanger: true,
     pageSizeOptions: ['5', '10', '15', '20'], //每页中显示的数据
   })
-  const queryParam = ref({
-    page: 1, //第几页
-    size: 10, //每页中显示数据的条数
-    hosName: '',
-    hosCode: '',
-    province: '',
-    city: '',
-  })
   const handleTableChange = (val) => {
     pagination.value.current = val.current
     pagination.value.pageSize = val.pageSize
@@ -311,131 +297,131 @@
   }
 </script>
 <style lang="less" scoped>
-.infrastructrueBox {
-  width: 10.87rem;
-  padding: 0.2rem;
-  background: #f3f5f9;
-  .infrastructrue-tab {
-    background: #ffffff;
+  .infrastructrueBox {
+    width: 10.87rem;
     padding: 0.2rem;
-    border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
-    span {
-      display: inline-block;
-      height: 0.24rem;
-      font-size: 0.14rem;
-      line-height: 0.24rem;
-      border: 0;
-      border-radius: 0.12rem;
-      margin-left: 0.1rem;
-      text-align: center;
-      color: #666666;
-      cursor: pointer;
-      padding: 0 0.08rem;
-    }
-    .leftType {
-      margin: 0.1rem 0;
-    }
-    .down {
-      background: #0087ff;
-      color: #ffffff;
-    }
-    .tabBox {
-      height: 0.3rem;
-      margin-bottom: 0.16rem;
-    }
-    .tabBox:last-of-type {
-      margin-bottom: 0;
-    }
-  }
-  .infrastructrue-content {
-    display: flex;
-    justify-content: space-between;
-    padding: 0.14rem 0.2rem 0.1rem;
-    background: #ffffff;
-    .contentNum {
-      position: relative;
-      display: flex;
-      p {
+    background: #f3f5f9;
+    .infrastructrue-tab {
+      background: #ffffff;
+      padding: 0.2rem;
+      border-bottom: 0.01rem solid rgba(150, 144, 144, 0.3);
+      span {
+        display: inline-block;
+        height: 0.24rem;
+        font-size: 0.14rem;
+        line-height: 0.24rem;
+        border: 0;
+        border-radius: 0.12rem;
+        margin-left: 0.1rem;
+        text-align: center;
         color: #666666;
-        padding: 0;
-        margin: 0;
-        span {
-          color: #0087ff;
-          font-size: 0.2rem;
-          font-weight: 500;
-        }
+        cursor: pointer;
+        padding: 0 0.08rem;
       }
-      p:first-of-type {
-        padding-right: 0.16rem;
-        margin-right: 0.16rem;
+      .leftType {
+        margin: 0.1rem 0;
       }
-      .boundary {
-        position: absolute;
-        left: 0.9rem;
-        top: 0.07rem;
-        display: block;
-        width: 0.02rem;
-        border-radius: 0.01rem;
-        height: 0.2rem;
-        background: rgba(150, 144, 144, 0.3);
+      .down {
+        background: #0087ff;
+        color: #ffffff;
+      }
+      .tabBox {
+        height: 0.3rem;
+        margin-bottom: 0.16rem;
+      }
+      .tabBox:last-of-type {
+        margin-bottom: 0;
       }
     }
-    .contentRight {
-      position: relative;
+    .infrastructrue-content {
       display: flex;
       justify-content: space-between;
-      .boundary {
-        position: absolute;
-        left: 3.74rem;
-        top: 0.07rem;
-        display: block;
-        width: 0.02rem;
-        border-radius: 0.01rem;
-        height: 0.2rem;
-        background: rgba(150, 144, 144, 0.3);
-      }
-      .searchInput {
+      padding: 0.14rem 0.2rem 0.1rem;
+      background: #ffffff;
+      .contentNum {
+        position: relative;
         display: flex;
-        margin-right: 0.2rem;
-        .ant-input-search {
-          max-width: 4rem;
-        }
-        :deep(.ant-input) {
-          width: 2rem;
-          height: 0.36rem;
-          font-size: 0.14rem;
-          color: #b2b2b2;
-          background: #f5f5f5;
-        }
-        :deep(.ant-input-group-addon) {
-          display: inline-block;
-          margin-left: 0.1rem;
-          .ant-input-search-button {
-            width: 0.8rem;
-            height: 0.36rem;
-            background: #0558e1;
-            border-radius: 0.04rem;
-            font-size: 0.14rem;
+        p {
+          color: #666666;
+          padding: 0;
+          margin: 0;
+          span {
+            color: #0087ff;
+            font-size: 0.2rem;
+            font-weight: 500;
           }
         }
-        :deep(.ant-btn) {
-          background: #0558e1;
-          border-radius: 0.04rem;
+        p:first-of-type {
+          padding-right: 0.16rem;
+          margin-right: 0.16rem;
+        }
+        .boundary {
+          position: absolute;
+          left: 0.9rem;
+          top: 0.07rem;
+          display: block;
+          width: 0.02rem;
+          border-radius: 0.01rem;
+          height: 0.2rem;
+          background: rgba(150, 144, 144, 0.3);
         }
       }
-      .buttonAdd {
-        background: #0558e1;
-        border-radius: 0.04rem;
-        height: 0.36rem;
-        border-color: #0558e1;
-        margin-left: 0.1rem;
+      .contentRight {
+        position: relative;
+        display: flex;
+        justify-content: space-between;
+        .boundary {
+          position: absolute;
+          left: 3.74rem;
+          top: 0.07rem;
+          display: block;
+          width: 0.02rem;
+          border-radius: 0.01rem;
+          height: 0.2rem;
+          background: rgba(150, 144, 144, 0.3);
+        }
+        .searchInput {
+          display: flex;
+          margin-right: 0.2rem;
+          .ant-input-search {
+            max-width: 4rem;
+          }
+          :deep(.ant-input) {
+            width: 2rem;
+            height: 0.36rem;
+            font-size: 0.14rem;
+            color: #b2b2b2;
+            background: #f5f5f5;
+          }
+          :deep(.ant-input-group-addon) {
+            display: inline-block;
+            margin-left: 0.1rem;
+            .ant-input-search-button {
+              width: 0.8rem;
+              height: 0.36rem;
+              background: #0558e1;
+              border-radius: 0.04rem;
+              font-size: 0.14rem;
+            }
+          }
+          :deep(.ant-btn) {
+            background: #0558e1;
+            border-radius: 0.04rem;
+          }
+        }
+        .buttonAdd {
+          background: #0558e1;
+          border-radius: 0.04rem;
+          height: 0.36rem;
+          border-color: #0558e1;
+          margin-left: 0.1rem;
+        }
+      }
+    }
+    .infrastructrue-table {
+      .ant-table-striped :deep(.table-striped) td {
+        background-color: #fafafa;
       }
     }
   }
-  .infrastructrue-table {
-    .ant-table-striped :deep(.table-striped) td {
-      background-color: #fafafa;
-    }
-  }
-}
 </style>