@zgfe/modules-settings 1.2.12 → 1.2.13

package/es/modules/companySetting/role/index.less

@@ -0,0 +1,220 @@
+@import './../../../constants/icons/iconfont.css';
+
+.role-list {
+  .ant-form-item {
+    .ant-form-item-control-input {
+      width: 392px;
+      height: 32px;
+    }
+  }
+
+  .ant-input {
+    border-color: @background-color-base !important;
+
+    &:focus {
+      border-color: @primary-color !important;
+    }
+  }
+
+  .ant-table-cell {
+    height: 50px;
+  }
+
+  .ant-table-row-indent + .ant-table-row-expand-icon {
+    margin-top: 0;
+  }
+
+  height: 100%;
+  padding: 0;
+  overflow: auto;
+
+  .app-list-head {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-top: 24px;
+
+    > div {
+      color: var(--io-n, #021429);
+      font-weight: 500;
+      font-size: 16px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: 24px;
+      /* 150% */
+    }
+  }
+
+  .platform-icons {
+    display: flex;
+    align-items: center;
+    justify-content: flex-start;
+    width: 100%;
+
+    span {
+      margin-right: 10px;
+      color: #cfcfcf;
+      font-size: 16px;
+    }
+  }
+
+  .role-list-content {
+    margin-top: 16px;
+
+    .c-grid-cell,
+    .c-grid-header-cell {
+      text-align: left !important;
+      border: none;
+      border-bottom: 1px solid #d1d1d1;
+    }
+
+    .c-grid-cell {
+      text-align: left !important;
+    }
+
+    .c-grid-body .c-grid-row:nth-child(2n) {
+      background: #fff !important;
+    }
+
+    .app-name {
+      cursor: pointer;
+
+      &:hover {
+        color: #00a0ea;
+      }
+    }
+
+    .operating {
+      display: flex;
+      gap: 16px;
+    }
+  }
+}
+
+.add-drawer {
+  .ant-drawer-header-title {
+    flex-direction: row-reverse;
+  }
+
+  .ant-drawer-close {
+    margin-right: 0 !important;
+  }
+}
+
+.role-dialog-content {
+  .ant-form-item {
+    .ant-form-item-control-input {
+      width: 484px;
+      min-height: 32px;
+    }
+  }
+
+  .ant-input {
+    border-color: @background-color-base !important;
+
+    &:focus {
+      border-color: @primary-color !important;
+    }
+  }
+
+  .ant-select-selector {
+    border-color: @background-color-base !important;
+  }
+
+  .biz-select-handle-input {
+    .ant-input {
+      border-color: @background-color-base !important;
+
+      &:focus {
+        border-color: @background-color-base !important;
+      }
+    }
+
+    &:focus {
+      border-color: @primary-color !important;
+    }
+  }
+
+  .ant-input-status-error {
+    border: 1px solid #fb5547 !important;
+
+    &:focus {
+      border-color: #fb5547 !important;
+    }
+  }
+
+  .ant-select-status-error {
+    border: none !important;
+
+    &:focus {
+      box-shadow: 0 0 0 2px rgba(251, 85, 71, 0.2) !important;
+    }
+  }
+
+  .biz-select-handle-status-error.active:not(.disable) {
+    box-shadow: 0 0 0 2px rgba(251, 85, 71, 0.2) !important;
+  }
+
+  .biz-select-handle-status-error {
+    .ant-input.ant-input-status-error:focus:not(.ant-input-disable):not(.ant-input-borderless),
+    .ant-input.ant-input-status-error-focused:not(.ant-input-disable):not(.ant-input-borderless) {
+      box-shadow: none !important;
+    }
+  }
+
+  .ant-form-item:last-of-type {
+    margin-bottom: 0;
+  }
+
+  color: #5f6085;
+
+  .ant-form-item-label {
+    width: 80px;
+    text-align: right;
+  }
+
+  .menuCode-map {
+    .ant-form-item-label::before {
+      display: inline-block;
+      margin-right: 4px;
+      color: #ff4d4f;
+      font-size: 14px;
+      font-family: SimSun, sans-serif;
+      line-height: 1;
+      content: '*';
+    }
+
+    .ant-form-item-control-input {
+      width: 100%;
+      height: auto;
+      padding: 14px 16px;
+      border: 1px solid var(--io-n-1, #e6e7ea);
+      border-radius: 4px;
+
+      .ant-form-item {
+        margin-bottom: 8px;
+      }
+
+      .ant-input {
+        border: 1px solid #fafafb;
+
+        &:focus {
+          border-color: @primary-color !important;
+        }
+      }
+
+      .ant-form-item-control-input {
+        width: 484px;
+        padding: 0;
+        border: none;
+      }
+    }
+  }
+
+  .is-encryption {
+    .ant-form-item-label {
+      width: 116px;
+      text-align: right;
+    }
+  }
+}

package/es/modules/companySetting/style/common.less

@@ -1,9 +1,11 @@
 @import './reset.less';
+
 .setting {
   height: 100%;
-  overflow-y: hidden;
+  overflow-y: auto;
   font-size: 14px;
-  background: #eef0f3;
+  background: #fafafb;
+
   .disabled {
     background: #ccc !important;
     border-color: #ccc !important;
@@ -13,24 +15,30 @@
 
 .setting-content {
   padding: 0px;
+
   .setting-title {
     display: flex;
     align-items: center;
     margin-bottom: 0px;
+
     .icon-set,
     .icon-company {
       margin-right: 10px;
     }
+
     .app-name {
       margin-left: 3px;
       font-size: 14px;
     }
   }
+
   .setting-body {
     display: flex;
     align-items: flex-start;
+
     .setting-tab {
       border-top: 1px solid #dadada;
+
       li > a {
         z-index: 1;
         display: inline-block;
@@ -46,17 +54,20 @@
         border: 1px solid #dadada;
         border-top: none;
         cursor: pointer;
+
         &:hover {
           color: #000;
           font-weight: bold;
         }
       }
+
       .router-link-active {
         color: #000;
         font-weight: bold;
       }
     }
   }
+
   .setting-component {
     width: 914px;
     height: calc(100vh - 130px);

package/es/modules/companySetting/user/index.d.ts

@@ -12,6 +12,7 @@ declare const User: React.FC<{
     leftMenus: LeftMenusItem[];
     isAdmin: boolean;
     serviceType: number;
+    companyId: number;
     removeUserCallback: (delIndex: number) => void;
     changeUserAuthCallback: (id: number) => void;
     createMembersCallback: (res: ApiResult<void>, userConfig?: AllMembersItem | false) => void;