@zgfe/modules-settings 1.2.12 → 1.2.13

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

@@ -1,26 +1,83 @@
 @import './../../../constants/icons/iconfont.css';
+
 .company-user {
   height: 100%;
   padding: 0;
   overflow: auto;
   color: #2f3f57;
   font-size: 14px;
+
   .company-setting-user {
     padding: 0;
   }
+
   .invite {
     & > p {
       margin-bottom: 10px;
     }
+
+    .invite-list {
+      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;
+      }
+    }
   }
+
   .user-list-head {
     margin-bottom: 5px;
   }
+
   .invite-control {
     position: relative;
     display: flex;
+    gap: 24px;
     align-items: center;
     justify-content: flex-start;
+    margin-top: 8px;
+
+    .biz-select-handle-input {
+      width: 248px;
+    }
+
+    .ant-input {
+      width: 248px;
+      border: 1px solid #fafafb;
+
+      &:focus {
+        border-color: @primary-color !important;
+      }
+    }
+
+    .ant-select-selector {
+      border-color: @background-color-base !important;
+    }
+
+    > div {
+      display: flex;
+      gap: 12px;
+      align-items: center;
+
+      > span {
+        color: var(--3, #5f6085);
+        font-weight: 400;
+        font-size: 14px;
+        font-family: PingFang SC;
+        font-style: normal;
+        line-height: normal;
+        text-align: right;
+      }
+    }
+
     .invite-list-panel {
       position: absolute;
       top: 35px;
@@ -31,82 +88,102 @@
       background: #fff;
       border: 1px solid #dadada;
       border-radius: 3px;
+
       li {
         padding: 10px;
+
         &:hover {
           color: #0ea1eb;
           cursor: pointer;
         }
       }
+
       li.noData {
         height: 150px;
         line-height: 100px;
         text-align: center;
       }
     }
+
     .c-button {
       margin-left: 20px;
       padding: 0 2.4em;
     }
+
     .c-input {
       border-radius: 3px 0 0 3px;
     }
+
     .c-active {
       border-color: #d1d1d1;
     }
+
     .c-select {
       .c-placeholder {
         color: #bcbec2;
       }
+
       .c-select-handle {
         border-left: none;
         border-radius: 0 3px 3px 0;
       }
     }
   }
+
   .user-list {
     min-height: 500px;
-    margin-top: 20px;
+    margin-top: 16px;
+
     .member-filter {
       float: right;
       margin-bottom: 10px;
       margin-left: 10px;
     }
+
     .super-admin {
       color: #f5bf4d;
       font-size: 12px;
     }
+
     .icon-eye {
       color: #75787d;
       cursor: pointer;
+
       &:hover {
         color: #0ea1eb;
       }
     }
+
     .operate {
       display: flex;
       justify-content: space-around;
       margin: 0 auto;
+
       .icon-zhongxinfasong {
         font-size: 18px;
         transform: translateY(-3px);
       }
+
       span {
         color: #0ea1eb;
         font-size: 16px;
         cursor: pointer;
+
         &:hover {
           color: #f55858;
         }
       }
     }
+
     .c-grid-header .c-grid-header-row .c-grid-header-cell {
       text-align: left !important;
       border: none;
+
       &:last-child {
         text-align: center !important;
       }
     }
+
     .c-grid-body {
       .c-grid-cell {
         text-align: left !important;
@@ -114,6 +191,7 @@
         border-top: 1px solid #d1d1d1;
       }
     }
+
     .c-pagination .c-select:first-of-type {
       display: none;
     }
@@ -121,42 +199,153 @@
 
   .over-hand {
     position: relative;
+    bottom: 18px;
     display: flex;
     align-items: center;
-    justify-content: flex-end;
-    margin-top: 80px;
+    width: 300px;
+    height: 0;
+
+    > span {
+      margin-right: 12px;
+      color: var(--3, #5f6085);
+      font-weight: 400;
+      font-size: 14px;
+      font-family: PingFang SC;
+      font-style: normal;
+      line-height: normal;
+      text-align: right;
+    }
+
+    .biz-select-handle-input {
+      width: 136px;
+    }
+
     .c-select {
+      width: 136px;
       margin-left: 10px;
     }
   }
 }
+
 .group-auth-list {
   height: 532px;
+
   .auth-config-detail {
     max-height: none;
     border-bottom: 1px solid #dadada;
+
     &:last-child {
       border: none;
     }
   }
 }
+
 .popover-group-auth-list {
   overflow-y: scroll;
 }
+
 .copy-dialog .foot {
   margin-top: 20px;
+
   a {
     margin-left: 0;
   }
+
   & > * {
     float: right;
     margin-left: 10px;
   }
 }
-// [class^='icon-'],
-// [class*=' icon-'] {
-//   font-family: 'zhuge' !important;
-//   font-style: normal;
-//   -webkit-font-smoothing: antialiased;
-//   -moz-osx-font-smoothing: grayscale;
-// }
+
+.setting-bizDialog-zh {
+  display: grid;
+  gap: 16px;
+  width: 400px;
+
+  li {
+    height: 20px;
+  }
+
+  li:nth-child(3) {
+    display: flex;
+    align-items: center;
+    margin-top: 8px;
+    color: var(--unnamed, #fd9f41);
+    line-height: 20px;
+  }
+}
+
+.user-dialog-content {
+  .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;
+    }
+  }
+
+  .account-status {
+    .ant-form-item-row {
+      height: 24px;
+    }
+  }
+
+  .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;
+  }
+
+  .no-rules-label {
+    margin-bottom: 20px;
+
+    .ant-form-item-label {
+      width: 50px !important;
+    }
+  }
+
+  color: #5f6085;
+}

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

@@ -1,15 +1,11 @@
 import React from 'react';
 import './index.less';
-import { AllGroupInfosItem, AllMembersItem, ApiResult } from '../../../types';
+import { AllGroupInfosItem, AllMembersItem, ApiResult, queryPanelItem } from '../../../types';
 declare const UserGroup: React.FC<{
-    ENVIRONMENT: string;
     allGroupInfos: AllGroupInfosItem[];
-    isSso: boolean;
-    showPwdPanel: (userInfo: {
-        account: string;
-        pwd: string;
-        userConfig?: AllMembersItem;
-    }) => void;
+    queryPanel: (params: queryPanelItem) => void;
+    userEditAuthData: AllMembersItem;
+    companyId: number;
     createMembersCallback: (res: ApiResult<void>, userConfig: AllMembersItem | false) => void;
 }>;
 export default UserGroup;