cfel-base-components 2.5.36 → 2.5.38

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cfel-base-components",
-  "version": "2.5.36",
+  "version": "2.5.38",
   "description": "cfel-base-components",
   "main": "/src/index.tsx",
   "types": "src/index.d.ts",

package/src/components/document-entry/index.scss

@@ -0,0 +1,9 @@
+.document {
+  margin: 0 12px;
+  color: #0958d9;
+  transition: all 0.3s;
+
+  &:hover {
+    color: rgb(105, 177, 255);
+  }
+}

package/src/components/document-entry/index.tsx

@@ -0,0 +1,15 @@
+import { ReadOutlined } from '@ant-design/icons'
+import './index.scss'
+import React from 'react'
+
+export default function DocumentEntry({ documentId, target }: any) {
+  return (
+    <ReadOutlined
+      className="document"
+      title={'帮助文档'}
+      onClick={() => {
+        window.open(`/help/doc?documentId=${documentId}&target=${target}`)
+      }}
+    />
+  )
+}

package/src/components/universal-pages/cpcAccount/index.tsx

@@ -27,6 +27,7 @@ import ResetModal from './ResetModal'
 import EditNameModal from './EditNameModal'
 
 import './index.scss'
+import DocumentEntry from '../../document-entry';
 
 export interface AccountProps {
   historyAction: any
@@ -234,6 +235,8 @@ export default function Account({ historyAction }: AccountProps) {
       execute()
     })
   }
+
+  const productCode = (window as any).g_config.productCode
   return (
     <PageContainer>
       <QueryFilter onReset={handleOnReset} onFinish={handleOnFinish}>
@@ -258,7 +261,16 @@ export default function Account({ historyAction }: AccountProps) {
             </Button>
           ]
         }}
-        headerTitle={'账号列表'}
+        headerTitle={
+          productCode === 'puhui-console' ? (
+            <>
+              账号列表
+              <DocumentEntry documentId={'pc8tgn179k0aky1f'} />
+            </>
+          ) : (
+            '账号列表'
+          )
+        }
         dataSource={dataList}
         loading={isLoading}
         columns={columns}

package/src/components/universal-pages/cpcRole/index.tsx

@@ -1,11 +1,12 @@
 import React, { useEffect, useRef, useState } from 'react'
 
-import PageContainer from '../../base-component/PageContainer';
-import QueryFilter from '../../base-component/QueryFilter';
-import ProTable from '../../base-component/ProTable';
-import Pagination from '../../base-component/Pagination';
-import useTableHooks from "../../../hooks/useTableHooks"
-import { timeFormatter, getUrlParams } from '../../../utils';
+import PageContainer from '../../base-component/PageContainer'
+import QueryFilter from '../../base-component/QueryFilter'
+import ProTable from '../../base-component/ProTable'
+import Pagination from '../../base-component/Pagination'
+import useTableHooks from '../../../hooks/useTableHooks'
+import DocumentEntry from '../../document-entry/index'
+import { timeFormatter, getUrlParams } from '../../../utils'
 
 import { get } from 'lodash'
 import { Space, Button, message, Modal, Popover } from 'antd'
@@ -46,19 +47,19 @@ export default function Role({ historyAction }: RoleProps) {
             onClick={() => {
               historyAction?.push({
                 pathname: `/role-info`,
-                search: `?roleCode=${data.roleCode}`
+                search: `?roleCode=${data.roleCode}`,
               })
             }}
           >
             {data?.roleName}
           </span>
         )
-      }
+      },
     },
     {
       title: '角色编码',
       dataIndex: 'roleCode',
-      key: 'roleCode'
+      key: 'roleCode',
     },
     {
       title: '来源',
@@ -72,7 +73,7 @@ export default function Role({ historyAction }: RoleProps) {
         } else {
           return '未知'
         }
-      }
+      },
     },
     {
       title: '角色描述',
@@ -82,10 +83,7 @@ export default function Role({ historyAction }: RoleProps) {
         if (text?.length > 30) {
           let sliceText = text.slice(0, 30)
           return (
-            <Popover
-              content={<div style={{ width: '300px', wordWrap: 'break-word' }}>{text}</div>}
-              trigger='hover'
-            >
+            <Popover content={<div style={{ width: '300px', wordWrap: 'break-word' }}>{text}</div>} trigger="hover">
               {sliceText}
               <a>更多</a>
             </Popover>
@@ -93,7 +91,7 @@ export default function Role({ historyAction }: RoleProps) {
         } else {
           return text
         }
-      }
+      },
     },
     {
       title: '创建时间',
@@ -101,7 +99,7 @@ export default function Role({ historyAction }: RoleProps) {
       key: 'gmtCreate',
       render: (cell: any) => {
         return timeFormatter(cell)
-      }
+      },
     },
     {
       title: '更新时间',
@@ -109,7 +107,7 @@ export default function Role({ historyAction }: RoleProps) {
       key: 'gmtModified',
       render: (cell: any) => {
         return timeFormatter(cell)
-      }
+      },
     },
     {
       title: '操作',
@@ -131,7 +129,7 @@ export default function Role({ historyAction }: RoleProps) {
             onClick={() => {
               historyAction?.push({
                 pathname: `/role-info`,
-                search: `?roleCode=${rowdata.roleCode}`
+                search: `?roleCode=${rowdata.roleCode}`,
               })
             }}
           >
@@ -153,7 +151,7 @@ export default function Role({ historyAction }: RoleProps) {
                   content: '',
                   onOk: () => {
                     DeleteFunc(rowdata?.roleCode)
-                  }
+                  },
                 })
               }}
             >
@@ -161,14 +159,14 @@ export default function Role({ historyAction }: RoleProps) {
             </a>
           )}
         </Space>
-      )
-    }
+      ),
+    },
   ]
 
   const handleOnReset: any = async (values: any) => {
     searchFormRef.current = { ...values }
     execute({
-      innerPageNo: 1
+      innerPageNo: 1,
     })
   }
 
@@ -181,20 +179,20 @@ export default function Role({ historyAction }: RoleProps) {
     return pageRequest({
       currentPage: innerPageNo,
       pageSize: innerPageSize,
-      ...searchFormRef.current
+      ...searchFormRef.current,
     }).then((res: any) => {
       let records = get(res, 'records', [])
       let total = get(res, 'total', 0)
       return {
         ...res,
         dataList: records,
-        totalCount: total
+        totalCount: total,
       }
     })
   }
 
   const { execute, dataList, isLoading, pagination } = useTableHooks({
-    asyncFunction: readDataList
+    asyncFunction: readDataList,
   })
 
   const handleRoload = () => {
@@ -216,43 +214,54 @@ export default function Role({ historyAction }: RoleProps) {
   }
   const DeleteFunc = (roleCode: any) => {
     remove({
-      roleCode
+      roleCode,
     }).then((res: any) => {
       message.success('删除成功')
       execute()
     })
   }
+
+  const productCode = (window as any).g_config.productCode
   return (
     <PageContainer>
       <QueryFilter onReset={handleOnReset} onFinish={handleOnFinish}>
-        <ProFormText name='roleName' label='角色名称' />
+        <ProFormText name="roleName" label="角色名称" />
       </QueryFilter>
 
       <ProTable
         columnsState={{
           persistenceKey: 'base_cpcRole',
-          persistenceType: 'localStorage'
+          persistenceType: 'localStorage',
         }}
         toolBarRender={() => {
           return [
             <Button
-              key='add'
-              type='primary'
+              key="add"
+              type="primary"
               onClick={() => {
                 setModalOpen(true)
               }}
             >
               新增角色
-            </Button>
+            </Button>,
           ]
         }}
-        headerTitle={'角色列表'}
+        headerTitle={
+          productCode === 'puhui-console' ? (
+            <>
+              角色列表
+              <DocumentEntry documentId={'ovsivik3nchylskc'} />
+            </>
+          ) : (
+            '角色列表'
+          )
+        }
         dataSource={dataList}
         loading={isLoading}
         columns={columns}
-        rowKey='id'
+        rowKey="id"
         options={{
-          reload: handleRoload
+          reload: handleRoload,
         }}
       />
       <Pagination {...pagination} />

package/src/global.d.ts

@@ -0,0 +1,40 @@
+interface Window {
+  g_config: {
+    token: string
+    tenant: Tenant
+    custom: Custom
+    user: User
+    logoutUrl: string
+    switchTenantUrl: string
+    productCode: string
+    env: string
+    logo: string
+    websiteIcon: string
+  }
+}
+interface Tenant {
+  id: string
+  bizShortCode: string
+  corpId: string
+  source: string
+  name: string
+  shortName: string
+  logo: string
+}
+
+interface Custom {
+  id: string
+  name: string
+  type: string
+  isCompleted: number
+  isAudited: number
+}
+
+interface User {
+  id: string
+  name: string
+  avatar: string
+  account: string
+  roleInfo: string[]
+  isMaster: boolean
+}