fix:联调权限页面模块 优化全局table组件

src/styles/common.scss

@@ -3,72 +3,73 @@
 
 html,
 body {
-    height: 100%;
-    margin: 0;
-    padding: 0;
+  height: 100%;
+  margin: 0;
+  padding: 0;
 }
 
 #app {
-    height: inherit;
+  height: inherit;
 }
 
 
 :root {
-    --mj-menu-header-height:#{$mj-menu-header-height};
-    --mj-border-color:#{$mj-border-color};
-    --mj-padding-standard:#{$mj-padding-standard};
-    --mj-popper-radius: 8px;
-    --el-color-primary:#2b65f6;
+  --mj-menu-header-height:#{$mj-menu-header-height};
+  --mj-border-color:#{$mj-border-color};
+  --mj-padding-standard:#{$mj-padding-standard};
+  --mj-popper-radius: 8px;
+  --el-color-primary: #2b65f6;
 }
 
 
 // popover 筛选框的全局样式
 .filter-popper.el-popover.el-popper {
-    --el-popover-padding: 0;
-    border-radius: var(--mj-popper-radius);
-    box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
+  --el-popover-padding: 0;
+  border-radius: var(--mj-popper-radius);
+  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
 }
 
 // 全局重写element相关样式
 .mj-input-form {
-    .el-input {
-        --el-border-radius-base: 10px;
-        --el-border-color: #E2E8F0;
-    }
+  .el-input {
+    --el-border-radius-base: 10px;
+    --el-border-color: #E2E8F0;
+  }
 }
 
 
 // 搜索框动画
 .search-auto-expand-input {
-    --default-width: 160px;
-    --max-width: 224px;
-    width: var(--default-width);
-    transition: width 0.3s ease;
+  --default-width: 160px;
+  --max-width: 224px;
+  width: var(--default-width);
+  transition: width 0.3s ease;
 
-    &:focus-within {
-        width: var(--max-width);
-    }
+  &:focus-within {
+    width: var(--max-width);
+  }
 
-    .auto-expand-input {
-        --el-input-border-radius: 4px;
-        width: 100%;
-    }
+  .auto-expand-input {
+    --el-input-border-radius: 4px;
+    width: 100%;
+  }
 }
 
 
 //   字典状态全局样式
 .mj-status-dot {
-    cursor: pointer;
-    &::before {
-        content: "";
-        display: inline-block;
-        width: 6px;
-        height: 6px;
-        border-radius: 50%;
-        background-color: var(--data-status-color);
-        margin-right: 8px;
-        vertical-align: middle;
-    }
+  cursor: pointer;
+
+  &::before {
+    content: "";
+    display: inline-block;
+    width: 6px;
+    height: 6px;
+    border-radius: 50%;
+    background-color: var(--data-status-color);
+    margin-right: 8px;
+    vertical-align: middle;
+  }
 }
 
 
@@ -102,7 +103,8 @@ body {
 
   .filter-item {
     margin-bottom: 20px;
-    label{
+
+    label {
       display: block;
       font-size: 14px;
       color: #909399;
@@ -112,7 +114,7 @@ body {
   }
 
   .custom-select {
-    --el-border-color:transparent;
+    --el-border-color: transparent;
     width: 100%;
     background-color: #f5f7fa;
     box-shadow: none;
@@ -128,6 +130,7 @@ body {
     font-weight: bold;
     border-radius: 6px;
     margin-top: 10px;
+
     &:hover {
       background-color: #407eff;
       border-color: #407eff;
@@ -148,27 +151,48 @@ body {
 
 // 卡片的全局样式
 
-.mj-card-container{
+.mj-card-container {
   display: grid;
   gap: 16px;
   width: 100%;
   // 默认：一行 5 列
   grid-template-columns: repeat(5, 1fr);
+
   // 1400px 以下：觉得 5 个太挤，切到一行 4 列
   @media (max-width: 1400px) {
     grid-template-columns: repeat(4, 1fr);
   }
+
   // 1100px 以下 (iPad横屏区间)：一行 3 列
   @media (max-width: 1100px) {
     grid-template-columns: repeat(3, 1fr);
   }
+
   // 768px 以下 (iPad竖屏)：一行 2 列
   @media (max-width: 768px) {
     grid-template-columns: repeat(2, 1fr);
     gap: 12px;
   }
+
   // 480px 以下 (手机端)：一行 1 列
   @media (max-width: 480px) {
     grid-template-columns: repeat(1, 1fr);
   }
+}
+
+
+// select下拉搜索loading全局公用样式
+.mj-select-dropdown-loading {
+  cursor: default;
+  background-color: transparent;
+
+  .status-container {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    gap: 8px;
+    color: #909399;
+    font-size: 13px;
+    height: 34px;
+  }
 }