edit

2021-12-02 17:35:43 +08:00
parent d1467d4f45
commit 436dd750d3
18 changed files with 2900 additions and 10 deletions
--- a/src/app/routes/sys-setting/components/role-management/menu/menu.less
+++ b/src/app/routes/sys-setting/components/role-management/menu/menu.less
@ -0,0 +1,202 @@
+:host {
+  .toolbar-btn {
+    padding-left: 0;
+  }
+
+  ::ng-deep {
+    .ant-checkbox-wrapper+.ant-checkbox-wrapper {
+      margin: 0;
+    }
+
+    .listDiv {
+      cdk-virtual-scroll-viewport {
+        border: 1px solid rgba(242, 242, 240, 1);
+      }
+
+      .selectedItem {
+        background: #e6f7ff;
+
+        span {
+          a {
+            color: rgba(212, 72, 86, 1);
+          }
+        }
+
+        ul>li>a>i {
+          color: rgba(212, 72, 86, 1);
+        }
+      }
+
+      .listBottom {
+        height          : 2.5rem;
+        overflow        : hidden;
+        text-align      : center;
+        background-color: rgba(245, 245, 245, 0.7);
+
+        &:hover {
+          background-color: rgba(245, 245, 245, 1);
+          transition      : all 1s;
+        }
+      }
+    }
+
+    .ant-tabs-nav {
+      width : 100%;
+      margin: 0 !important;
+    }
+
+    .buttons {
+      padding: 0;
+
+      button {
+        display  : block;
+        max-width: 10rem;
+        margin   : 0.3rem 0.5rem 0 0;
+      }
+
+      .ant-btn+.ant-btn:not(.ant-btn-link),
+      .ant-btn+nz-popconfirm,
+      nz-popconfirm+.ant-btn,
+      nz-popconfirm+nz-popconfirm,
+      .ant-btn+nz-button-group,
+      nz-button-group+.ant-btn,
+      .ant-btn+nz-dropdown,
+      nz-dropdown+.ant-btn,
+      nz-popconfirm+nz-button-group,
+      nz-button-group+nz-popconfirm {
+        margin-left: 0;
+      }
+    }
+
+    .ant-tabs-bar {
+      margin: 0;
+    }
+
+    // .ant-tree-node-selected {
+    //   background: none !important;
+    // }
+    // .ant-tree-node-content-wrapper:hover {
+    //   background: none;
+    // }
+    .ant-tree-node-content-wrapper {
+      width: 100%;
+    }
+
+    .ant-tabs .ant-tabs-tabpane {
+      padding      : 10px 10px 2px 10px;
+      background   : #fdfdfd;
+      border-right : solid 1px #eee;
+      border-bottom: solid 1px #eee;
+      border-left  : solid 1px #eee;
+    }
+
+    // .ant-tabs-tab {
+    //   width: 50%;
+    //   text-align: center;
+    // }
+    // .ant-tabs-tab-arrow-show {
+    //   display: none;
+    // }
+    ul {
+      margin : 0;
+      padding: 0;
+    }
+  }
+}
+
+.firstStepBox {
+  width      : 100%;
+  line-height: 50px;
+  text-align : center;
+  background : #f7f7f7;
+}
+
+.itemBox {
+  width      : 100%;
+  height     : 50px;
+  padding    : 0 0 0 60px;
+  color      : #5f5f5f;
+  line-height: 50px;
+  cursor     : pointer;
+
+  &:hover {
+    background: #e6f7ff;
+  }
+}
+
+.twoStepBox {
+  width      : 100%;
+  line-height: 50px;
+  text-align : center;
+  background : #f7f7f7;
+
+  span {
+    display: inline-block;
+    margin : 0 auto;
+  }
+
+  >i {
+    float : right;
+    margin: 20px 20px 0 0;
+  }
+
+  button {
+    float : right;
+    margin: 8px 20px 0 0;
+  }
+
+  .blueFont {
+    color: #1890ff;
+  }
+}
+
+.folder-desc i {
+  margin: 0 5px;
+}
+
+.flexBox {
+  .titleBox {
+    display        : flex;
+    justify-content: space-between;
+
+    i {
+      margin: 0 8px;
+    }
+  }
+}
+
+ul {
+  display: block;
+}
+
+li {
+  line-height: 30px;
+  list-style : none;
+}
+
+
+label {
+  color    : #666;
+  font-size: 13px;
+}
+
+.treeWrap {
+  display: flex;
+  width  : 700px;
+
+  .leftBox {
+    width     : 250px;
+    border    : 1px solid #d1d1d1;
+    max-height: 500px;
+    overflow  : auto;
+  }
+
+  .rightBox {
+    flex        : 1;
+    margin      : 0 0 0 20px;
+    padding-left: 12px;
+    border      : 1px solid #d1d1d1;
+    max-height  : 500px;
+    overflow    : auto;
+  }
+}