cfel-base-components 2.5.53 → 2.5.55

package/src/components/layout-copy/user-card/index.tsx

@@ -1,162 +0,0 @@
-import React from "react";
-import {
-  SwapOutlined,
-  FormOutlined,
-  CopyOutlined,
-  LogoutOutlined,
-} from "@ant-design/icons";
-import "./index.scss";
-
-interface UserType {
-  name: string;
-  avatar: string;
-  roleInfo: any[];
-  id: string;
-  account: string;
-  isMaster: boolean;
-}
-interface CustomType {
-  type: string;
-  isCompleted: number;
-  isAudited: number;
-  hrefUrl: string;
-  historyAction?: any;
-}
-interface MyWalletInfoType {
-  availableCashAmount: string;
-  availableAmount: string;
-  currency: string;
-}
-interface MyLoginInfoType {
-  isAdmin: any;
-}
-interface AmountInfoType {
-  residueNum: string;
-  currencyCode: string;
-}
-
-const renderCurrency = (currency: string) => {
-  switch (currency) {
-    case "CNY":
-      return "¥ ";
-    case "USD":
-      return "$ ";
-    case "JPY":
-      return "JP¥ ";
-    default:
-      return "¥ ";
-  }
-};
-
-export default function UserCard({
-  myWalletInfo,
-  MyLoginInfo,
-  amountInfo,
-  customAction,
-  isCopied,
-  copyTextToClipboard,
-}: any) {
-  const { user, tenant, custom, switchTenantUrl, logoutUrl } = (window as any)
-    ?.g_config;
-
-  const { name, avatar, roleInfo, id, account, isMaster }: UserType =
-    user || {};
-
-  const { isCompleted, isAudited }: CustomType = custom || {};
-
-  const { isAdmin }: MyLoginInfoType = MyLoginInfo || {};
-    
-  const { residueNum, currencyCode }: AmountInfoType = amountInfo || {};
-
-  const UserCard = () => {
-    return (
-        <div className="layout-user-card">
-          <div className="user-info">
-            <div className="user-avatarBox">
-              <img className="user-avatar" src={avatar}/>
-              <div className="user-mater">{isAdmin ? "主账号" : "子账号"}</div>
-            </div>
-            <div className="user-info-right">
-              <span className="name">{name}</span>
-              <div className="role-list">
-                {roleInfo?.map((i) => (
-                    <span className="role-item" key={i}>
-                  {i}
-                </span>
-                ))}
-              </div>
-            </div>
-          </div>
-          <div className="lios-userInfo">
-            <div className="lios-li li-flex">
-              <div className="lios-keyMare">账号ID</div>
-              <div className="lios-valueMare" title={id}>{id}</div>
-              <div
-                  className={isCopied?.['id'] ? "lios-iconDone" : "lios-icon"}
-                  onClick={() => {
-                    copyTextToClipboard(id, 'id');
-                  }}
-              >
-                {isCopied?.['id'] ? "已复制" : <CopyOutlined/>}
-              </div>
-            </div>
-            <div className="lios-li  li-flex">
-              <div className="lios-keyMare">账号</div>
-              <div className="lios-valueMare" title={account}>
-                {account}
-              </div>
-              <div
-                  className={isCopied?.['account'] ? "lios-iconDone" : "lios-icon"}
-                  onClick={() => {
-                    copyTextToClipboard(account, 'account');
-                  }}
-              >
-                {isCopied?.['account'] ? "已复制" : <CopyOutlined/>}
-              </div>
-            </div>
-
-            <div className="lios-li li-flex">
-              <div className="lios-keyMare">租户ID</div>
-              <div className="lios-valueMare" title={tenant?.id}>{tenant?.id}</div>
-              <div
-                  className={isCopied?.['tenantId'] ? "lios-iconDone" : "lios-icon"}
-                  onClick={() => {
-                    copyTextToClipboard(tenant?.id, 'tenantId');
-                  }}
-              >
-                {isCopied?.['tenantId'] ? "已复制" : <CopyOutlined/>}
-              </div>
-            </div>
-            <div className="lios-li li-flex">
-              <div className="lios-keyMare">租户</div>
-              <div className="lios-valueMare" title={tenant?.name}>{tenant?.name}</div>
-            </div>
-          </div>
-
-
-          <div className="lios-logoutBox">
-            <div
-                className="lios-logout"
-                onClick={() => {
-                  location.href = switchTenantUrl;
-                }}
-            >
-              <SwapOutlined className="logout-icon"/>
-              切换租户
-            </div>
-            <div
-                className="lios-logout"
-                onClick={() => {
-                  location.href = logoutUrl;
-                }}
-            >
-              <LogoutOutlined className="logout-icon"/>
-              退出登录
-            </div>
-          </div>
-        </div>
-    );
-  };
-
-  return UserCard();
-}