拓扑图配置

src/styles/element.scss

@@ -1,100 +1,119 @@
 /* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-s */
 .el-input .el-input__inner {
-    height: 30px;
-    line-height: calc(var(--el-input-height, 40px) - 4px);
+  height: 30px;
+  line-height: calc(var(--el-input-height, 40px) - 4px);
 }
+
 /* 修复 Chrome 浏览器输入框内选中字符行高异常的bug-e */
 
 .datetime-picker {
-    height: 32px;
-    padding-top: 0;
-    padding-bottom: 0;
+  height: 32px;
+  padding-top: 0;
+  padding-bottom: 0;
 }
+
 .el-divider__text.is-center {
-    transform: translateX(-50%) translateY(-62%);
+  transform: translateX(-50%) translateY(-62%);
 }
 
 .el-menu {
-    user-select: none;
-    .el-menu-item:hover,
-    .el-sub-menu__title:hover {
-        background-color: var(--el-menu-hover-color) !important;
-        color: var(--el-menu-active-color) !important;
-        .icon {
-            color: var(--el-menu-active-color) !important;
-        }
+  user-select: none;
+
+  .el-menu-item:hover,
+  .el-sub-menu__title:hover {
+    background-color: var(--el-menu-hover-color) !important;
+    color: var(--el-menu-active-color) !important;
+
+    .icon {
+      color: var(--el-menu-active-color) !important;
     }
+  }
 }
 
 .el-dialog__header {
-    background: var(--el-color-primary);
-    margin-right: 0;
-    .el-dialog__headerbtn {
-        .el-icon {
-            color: var(--el-color-white);
-        }
-    }
-    .el-dialog__title {
-        color: var(--el-color-white);
+  background: var(--el-color-primary);
+  margin-right: 0;
+
+  .el-dialog__headerbtn {
+    .el-icon {
+      color: var(--el-color-white);
     }
+  }
+
+  .el-dialog__title {
+    color: var(--el-color-white);
+  }
 }
 
 .el-table {
-    --el-table-border-color: var(--ba-border-color);
+  --el-table-border-color: var(--ba-border-color);
 }
 
 .el-card {
-    border: none;
+  border: none;
 }
+
 .el-card__header {
-    border-bottom: 1px solid var(--el-border-color-extra-light);
+  border-bottom: 1px solid var(--el-border-color-extra-light);
 }
+
 .el-textarea__inner {
-    padding: 5px 11px;
+  padding: 5px 11px;
 }
 
 .el-dialog__body {
-    padding: 10px;
+  padding: 10px;
 }
 
 /* dialog滚动条-s */
 .el-overlay-dialog,
 .el-tabs__content,
 .ba-scroll-style {
-    scrollbar-width: none;
-    &::-webkit-scrollbar {
-        width: 5px;
-        height: 5px;
-    }
-    &::-webkit-scrollbar-thumb {
-        background: #eaeaea;
-        border-radius: var(--el-border-radius-base);
-        box-shadow: none;
-        -webkit-box-shadow: none;
-    }
-    &:hover {
-        &::-webkit-scrollbar-thumb:hover {
-            background: #c8c9cc;
-        }
+  scrollbar-width: none;
+
+  &::-webkit-scrollbar {
+    width: 5px;
+    height: 5px;
+  }
+
+  &::-webkit-scrollbar-thumb {
+    background: #eaeaea;
+    border-radius: var(--el-border-radius-base);
+    box-shadow: none;
+    -webkit-box-shadow: none;
+  }
+
+  &:hover {
+    &::-webkit-scrollbar-thumb:hover {
+      background: #c8c9cc;
     }
+  }
 }
+
 /* dialog滚动条-e */
 
 /* 小屏设备 el-radio-group 样式优化-s */
 .ba-input-item-radio {
-    margin-bottom: 10px;
-    .el-radio-group {
-        .el-radio {
-            margin-bottom: 8px;
-        }
+  margin-bottom: 10px;
+
+  .el-radio-group {
+    .el-radio {
+      margin-bottom: 8px;
     }
+  }
 }
+
 /* 小屏设备 el-radio-group 样式调整-e */
 
 .el-tabs--card > .el-tabs__header .el-tabs__item.is-active {
-    background: var(--el-color-primary);
-    color: var(--el-color-white);
+  background: var(--el-color-primary);
+  color: var(--el-color-white);
 }
+
 .el-tabs__header {
-    margin-bottom: 10px;
+  margin-bottom: 0;
 }
+
+.el-form--inline .el-form-item {
+  margin-bottom: 10px;
+}