cfel-base-components 0.0.25 → 1.0.0

package/src/components/accountInfo/index.tsx

@@ -1,229 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import useTableHooks from "../../hooks/useTableHooks"
-import Pagecontainer from '../PageContainer';
-import ProTable from '../ProTable';
-import Pagination from '../Pagination';
-import { get } from 'lodash';
-import { Modal, Button, Divider, Descriptions, Space, message, Avatar } from 'antd';
-import { UserOutlined } from '@ant-design/icons';
-import EditAccountDrawer from './EditAccountDrawer/index'
-import { timeFormatter, getUrlParams } from '../../utils';
-import {
-  getAccount,
-  pageBoundRoles,
-  queryBoundRoles,
-  rolelistRole,
-  accountBoundRoles,
-  accountUnboundRoles
-} from './api'
-import "./index.scss"
-
-
-
-export default function AccountInfo() {
-  const [accountInfo, setAccountInfoInfo]: any = useState({})
-  const [pageId, setPageId] = useState('')
-  const [rolelistRoleData, setRolelistRoleData]: any = useState([]); // 角色总数据
-  const [roleCheckData, setRoleCheckData]: any = useState([]); //当前选中的角色list
-  const [editAccountOpen, setEditAccountOpen] = useState(false);
-
-  useEffect(() => {
-    let id = getUrlParams('id')
-    if (!id) return
-    setPageId(id)
-    initGetData()
-  }, [])
-
-  const columns: any = [
-    {
-      title: '角色名称',
-      dataIndex: 'roleName',
-      key: 'roleName',
-    },
-    {
-      title: '角色编码',
-      dataIndex: 'roleCode',
-      key: 'roleCode',
-    },
-    {
-      title: '来源',
-      dataIndex: 'source',
-      key: 'source',
-      render: (cell: any) => {
-        if (cell == 'system') {
-          return '系统创建'
-        } else if (cell == 'user') {
-          return '用户自建'
-        } else if (cell == 'user') {
-          return '未知'
-        }
-      }
-    },
-    {
-      title: '描述',
-      dataIndex: 'description',
-      key: 'description',
-    },
-    {
-      title: '创建时间',
-      dataIndex: 'gmtCreate',
-      key: 'gmtCreate',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '修改时间',
-      dataIndex: 'gmtModified',
-      key: 'gmtModified',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '操作',
-      width: 80,
-      fixed: "right",
-      render: (rowdata: any,) => <Space>
-        <a onClick={() => {
-          Modal.confirm({
-            title: "确认解绑吗？",
-            content: '',
-            onOk: () => {
-              isBoundRolesFunc(false, { roleCodes: [rowdata.roleCode] })
-            }
-          })
-        }}>解绑</a>
-      </Space>
-    },
-  ];
-
-
-  //初始化请求数据
-  const initGetData = () => {
-    let id = getUrlParams('id')
-    getAccountFunc({ id })
-    execute({ "accountId": id })
-  }
-
-  const getAccountFunc = (data: any) => {
-    setAccountInfoInfo({})
-    getAccount({
-      ...data,
-    }).then((res: any) => {
-      setAccountInfoInfo(res || {})
-    })
-  }
-
-  const readDataList = ({
-    innerPageNo,
-    innerPageSize,
-    ...otherOptions
-  }: any) => {
-    return pageBoundRoles({
-      currentPage: innerPageNo,
-      pageSize: innerPageSize,
-      ...otherOptions
-    }).then((res: any) => {
-      let records = get(res, "records", [])
-      let total = get(res, "total", 0)
-      return {
-        dataList: records,
-        totalCount: total
-      }
-    })
-  }
-  const { execute, dataList, isLoading, pagination } = useTableHooks({
-    asyncFunction: readDataList
-  })
-
-  const handleRoload = () => {
-    execute({ "accountId": pageId })
-  }
-
-  const getQueryBoundRolesFunc = () => {
-    Promise.all([queryBoundRoles({ accountId: pageId }), rolelistRole()]).then((res) => {
-      let boundRoles: any = res[0]
-      let roleList: any = res[1]
-      let result = []
-      for (var i = 0; i < roleList.length; i++) {
-        var item = roleList[i]
-        var repeat = false
-        for (var j = 0; j < boundRoles.length; j++) {
-          if (item.roleCode === boundRoles[j].roleCode) {
-            repeat = true
-            break
-          }
-        }
-        if (repeat) {
-          result.push(item.roleCode)
-        }
-      }
-      setRolelistRoleData(roleList)
-      setRoleCheckData(result)
-      setEditAccountOpen(true)
-    })
-  }
-  const isBoundRolesFunc = (type: any, { roleCodes }: any) => {
-    return (type ? accountBoundRoles : accountUnboundRoles)({
-      "accountId": pageId,
-      "roleCodes": roleCodes
-    }).then(() => {
-      message.success(`${type ? '绑定' : '解绑'}成功`)
-      execute({ "accountId": pageId })
-      setEditAccountOpen(false)
-    })
-  }
-  return (
-    <Pagecontainer>
-      <Divider orientation="left">
-        <Avatar
-          style={{ backgroundColor: '#1677ff', marginRight: '8px' }}
-          draggable={false}
-          icon={<UserOutlined />}
-          src={!!accountInfo.avatar ? accountInfo.avatar : undefined}
-        />
-        {accountInfo?.name || ''}
-      </Divider>
-      <Descriptions className='basicInfoWrap'>
-        <Descriptions.Item label="账号">{accountInfo?.account || ''}</Descriptions.Item>
-        <Descriptions.Item label="员工工号">{accountInfo?.jobNumber || ''}</Descriptions.Item>
-        <Descriptions.Item label="名称">{accountInfo?.name || ''}</Descriptions.Item>
-        <Descriptions.Item label="手机号">{accountInfo?.mobile || ''}</Descriptions.Item>
-        <Descriptions.Item label="邮箱">{accountInfo?.email || ''}</Descriptions.Item>
-        <Descriptions.Item label="是否企业管理员">{accountInfo?.isAdmin ? '是' : '否'}</Descriptions.Item>
-        <Descriptions.Item label="创建时间">{timeFormatter(accountInfo?.gmtCreate)}</Descriptions.Item>
-        <Descriptions.Item label="修改时间">{timeFormatter(accountInfo?.gmtModified)}</Descriptions.Item>
-      </Descriptions>
-
-      <ProTable
-        headerTitle={"绑定的角色"}
-        dataSource={dataList}
-        loading={isLoading}
-        columns={columns}
-        rowKey="id"
-        options={{
-          reload: handleRoload
-        }}
-        toolBarRender={() => {
-          return [
-            <Button type="primary" onClick={(() => {
-              getQueryBoundRolesFunc()
-            })}>绑定</Button>
-          ];
-        }}
-      />
-      <Pagination  {...pagination} />
-
-      <EditAccountDrawer
-        open={editAccountOpen} // 状态
-        editOpenStatus={setEditAccountOpen} //修改弹框显隐事件
-        rolelistRoleData={rolelistRoleData} //总角色
-        roleCheckData={roleCheckData} //当前角色选中数据
-        isBoundRolesFunc={isBoundRolesFunc}
-      ></EditAccountDrawer>
-    </Pagecontainer>
-  )
-
-}
-

package/src/components/button/index.tsx

@@ -1,16 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import "./index.scss"
-interface WidthAutoLabelProps {
-    children: string;  // 要绘制的文本
-}
-
-/**
- * 文本宽度自适应标签组件
- * @param props
- * @constructor
- */
-const Button = (props: WidthAutoLabelProps) => {
-  return <div className='aaa-button'>123</div>
-}
-
-export default Button;

package/src/components/role/api.ts

@@ -1,9 +0,0 @@
-import request from "../../apiRequest/config"
-
-export const pageRequest = (data?: any) => {
-    return request.post("/api/permission/role/page.json", { ...data })
-}
-
-export const updateConfig = (data?: any) => {
-    return request.post("/api/wifi/device/bound/radioConfig/updateConfig.json", { ...data })
-}

package/src/components/role/index.tsx

@@ -1,141 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import useTableHooks from "../../hooks/useTableHooks"
-
-import PageContainer from '../PageContainer';
-import QueryFilter from '../QueryFilter';
-import ProTable from '../ProTable';
-import Pagination from '../Pagination';
-import { get } from 'lodash';
-import { Space, } from 'antd';
-import { pageRequest, } from "./api"
-
-import { ProFormText, } from '@ant-design/pro-components';
-import { timeFormatter } from '../../utils';
-
-import "./index.scss"
-export interface RoleProps {
-  historyAction: any;
-}
-
-export default function Role({
-  historyAction
-}:RoleProps) {
-  const searchFormRef: any = useRef()
-
-  useEffect(() => {
-    init()
-    execute()
-  }, [])
-
-  const init = () => {
-  }
-
-  const columns: any = [
-    {
-      title: '角色名称',
-      dataIndex: 'roleName',
-      key: 'roleName',
-    },
-    {
-      title: '角色编码',
-      dataIndex: 'roleCode',
-      key: 'roleCode',
-    },
-    {
-      title: '角色描述',
-      dataIndex: 'description',
-      key: 'description',
-    },
-    {
-      title: '创建时间',
-      dataIndex: 'gmtCreate',
-      key: 'gmtCreate',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '更新时间',
-      dataIndex: 'gmtModified',
-      key: 'gmtModified',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '操作',
-      width: 80,
-      fixed: "right",
-      render: (rowdata: any,) => <Space>
-        <a  onClick={() => {
-          historyAction?.push({
-            pathname: `/role-info`,
-            search: `?roleCode=${rowdata.roleCode}`,
-          });
-        }}>赋予账号</a>
-      </Space>
-    },
-  ];
-
-  const handleOnReset: any = async (values: any) => {
-    searchFormRef.current = { ...values }
-    execute({
-      innerPageNo: 1,
-    })
-  }
-
-  const handleOnFinish: any = async (values: any) => {
-    searchFormRef.current = { ...values }
-    execute()
-  }
-
-  const readDataList = ({
-    innerPageNo,
-    innerPageSize,
-  }: any) => {
-    return pageRequest({
-      currentPage: innerPageNo,
-      pageSize: innerPageSize,
-      ...searchFormRef.current
-    }).then((res: any) => {
-      let records = get(res, "records", [])
-      let total = get(res, "total", 0)
-      return {
-        dataList: records,
-        totalCount: total
-      }
-    })
-  }
-
-  const { execute, dataList, isLoading, pagination } = useTableHooks({
-    asyncFunction: readDataList
-  })
-
-  const handleRoload = () => {
-    execute()
-  }
-
-  return (
-    <PageContainer >
-      <QueryFilter
-        onReset={handleOnReset}
-        onFinish={handleOnFinish}
-      >
-        <ProFormText name="roleName" label="角色名称" />
-      </QueryFilter>
-
-      <ProTable
-        headerTitle={"角色列表"}
-        dataSource={dataList}
-        loading={isLoading}
-        columns={columns}
-        rowKey="id"
-        options={{
-          reload: handleRoload
-        }}
-      />
-      <Pagination  {...pagination} />
-
-    </PageContainer >
-  )
-};

package/src/components/roleInfo/api.ts

@@ -1,22 +0,0 @@
-import request from "../../apiRequest/config"
-
-//根据角色分页查询绑定的账号
-export const pageBoundAccounts= (data?: any) => {
-    return request.post("/api/permission/accountRole/pageBoundAccounts.json", { ...data })
-}
-//按关键词查询账号信息
-export const queryByKeyword= (data?: any) => {
-    return request.post("/api/permission/account/queryByKeyword.json", { ...data })
-}
-//角色下绑定账号
-export const roleBoundAccounts= (data?: any) => {
-    return request.post("/api/permission/accountRole/roleBoundAccounts.json", { ...data })
-}
-//角色下解绑账号
-export const roleUnboundAccounts= (data?: any) => {
-    return request.post("/api/permission/accountRole/roleUnboundAccounts.json", { ...data })
-}
-//根据编码查询角色
-export const getRole= (data?: any) => {
-    return request.post("/api/permission/role/getRole.json", { ...data })
-}

package/src/components/roleInfo/index.scss

@@ -1,3 +0,0 @@
-.basicInfoWrap{
-    padding:0 24px
-  }

package/src/components/roleInfo/index.tsx

@@ -1,239 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import useTableHooks from "../../hooks/useTableHooks"
-
-import PageContainer from '../PageContainer';
-import QueryFilter from '../QueryFilter';
-import ProTable from '../ProTable';
-import Pagination from '../Pagination';
-import { get } from 'lodash';
-import { ProFormText, } from '@ant-design/pro-components';
-import { Button, Divider, Modal, Descriptions, Space, message } from 'antd';
-import EditAccountDrawer from './EditAccountDrawer/index'
-import { timeFormatter, getUrlParams } from '../../utils';
-import {
-  pageBoundAccounts,
-  roleBoundAccounts,
-  roleUnboundAccounts,
-  getRole,
-  queryByKeyword
-} from './api'
-import "./index.scss"
-
-export default function RoleInfo(){
-  const searchFormRef: any = useRef()
-  const [roleCode, setRoleCode] = useState('')
-  const [roleInfo, setRoleInfo]: any = useState({})
-  const [editAccountOpen, setEditAccountOpen] = useState(false);
-
-  const columns: any = [
-    {
-      title: '名称',
-      dataIndex: 'name',
-      key: 'name',
-    },
-    {
-      title: '账号',
-      dataIndex: 'account',
-      key: 'account',
-    },
-    {
-      title: '工号',
-      dataIndex: 'jobNumber',
-      key: 'jobNumber',
-    },
-    {
-      title: '手机号',
-      dataIndex: 'mobile',
-      key: 'mobile',
-    },
-    {
-      title: '邮箱',
-      dataIndex: 'email',
-      key: 'email',
-      copyable: true,
-    },
-    {
-      title: '是否企业管理员',
-      dataIndex: 'isAdmin',
-      key: 'isAdmin',
-      render: (cell: any) => {
-        if (cell) {
-          return '是'
-        } else {
-          return '否'
-        }
-      }
-    },
-    {
-      title: '创建时间',
-      dataIndex: 'gmtCreate',
-      key: 'gmtCreate',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '修改时间',
-      dataIndex: 'gmtModified',
-      key: 'gmtModified',
-      render: (cell: any) => {
-        return timeFormatter(cell)
-      }
-    },
-    {
-      title: '操作',
-      width: 80,
-      fixed: "right",
-      render: (rowdata: any,) => <Space>
-        <a onClick={() => {
-          Modal.confirm({
-            title: "确认解绑吗？",
-            content: '',
-            onOk: () => {
-              roleUnboundAccountsFunc(rowdata.id)
-            }
-          })
-
-        }}>解绑</a>
-      </Space>
-    },
-  ];
-
-  useEffect(() => {
-    initGetData('init', true)
-  }, [])
-
-  //初始化请求数据
-  const initGetData = (type: string, msgType: any) => {
-    let roleCode = getUrlParams('roleCode')
-    setRoleCode(roleCode)
-    if (roleCode) {
-      getRoleFunc({ roleCode })
-      execute({ "roleCode": roleCode })
-    }
-  }
-  const getRoleFunc = (data: any) => {
-    setRoleInfo({})
-    getRole({
-      ...data,
-    }).then((res: any) => {
-      setRoleInfo(res || {})
-    })
-  }
-  const roleUnboundAccountsFunc = (account: any) => {
-    roleUnboundAccounts({
-      "accountIds": [account],
-      "roleCode": roleCode
-    }).then((res: any) => {
-      message.success('解绑成功')
-      execute({ "roleCode": roleCode })
-    })
-  }
-
-  const readDataList = ({
-    innerPageNo,
-    innerPageSize,
-    ...otherOptions
-  }: any) => {
-    return pageBoundAccounts({
-      currentPage: innerPageNo,
-      pageSize: innerPageSize,
-      ...searchFormRef.current,
-      ...otherOptions
-    }).then((res: any) => {
-      let records = get(res, "records", [])
-      let total = get(res, "total", 0)
-      return {
-        dataList: records,
-        totalCount: total
-      }
-    })
-  }
-  const { execute, dataList, isLoading, pagination } = useTableHooks({
-    asyncFunction: readDataList
-  })
-
-  const handleRoload = () => {
-    execute({ "roleCode": roleCode })
-  }
-
-  const getQueryBoundRolesFunc = async () => {
-    setEditAccountOpen(true)
-  }
-
-  const roleBoundAccountsFunc = ({ accountIds }: any) => {
-    return roleBoundAccounts({
-      "accountIds": accountIds,
-      "roleCode": roleCode
-    }).then((res: any) => {
-      message.success(`添加账号成功`)
-      execute({ "roleCode": roleCode })
-      setEditAccountOpen(false)
-    })
-  }
-  //搜索关键字
-  const queryByKeywordFunc = ({ keyword }: any) => {
-    return queryByKeyword({
-      keyword
-    })
-  }
-
-  const handleOnReset: any = async (values: any) => {
-    searchFormRef.current = { ...values }
-    execute({
-      innerPageNo: 1,
-      "roleCode": roleCode
-    })
-  }
-
-  const handleOnFinish: any = async (values: any) => {
-    searchFormRef.current = { ...values }
-    execute({ "roleCode": roleCode })
-  }
-  return(
-<PageContainer>
-      <Divider orientation="left">{roleInfo?.roleName || "-"}</Divider>
-      <Descriptions className="basicInfoWrap">
-        <Descriptions.Item label="角色名称">{roleInfo?.roleName || ''}</Descriptions.Item>
-        <Descriptions.Item label="角色编码">{roleInfo?.roleCode || ''}</Descriptions.Item>
-        <Descriptions.Item label="角色描述">{roleInfo?.description || ''}</Descriptions.Item>
-        <Descriptions.Item label="创建时间">{timeFormatter(roleInfo?.gmtCreate) || ''}</Descriptions.Item>
-        <Descriptions.Item label="更新时间">{timeFormatter(roleInfo?.gmtModified) || ''}</Descriptions.Item>
-      </Descriptions>
-
-      <QueryFilter
-        onReset={handleOnReset}
-        onFinish={handleOnFinish}
-      >
-        <ProFormText name="keyword" label="关键词" />
-      </QueryFilter>
-
-      <ProTable
-        headerTitle={"角色下绑定的账号"}
-        dataSource={dataList}
-        loading={isLoading}
-        columns={columns}
-        rowKey="id"
-        options={{
-          reload: handleRoload
-        }}
-        toolBarRender={() => {
-          return [
-            <Button type="primary" onClick={(() => {
-              getQueryBoundRolesFunc()
-            })}>添加账号</Button>
-          ];
-        }}
-      />
-
-      <Pagination  {...pagination} />
-      <EditAccountDrawer
-        open={editAccountOpen} // 状态
-        editOpenStatus={setEditAccountOpen} //修改弹框显隐事件
-        roleBoundAccountsFunc={roleBoundAccountsFunc}
-        queryByKeywordFunc={queryByKeywordFunc} //搜索事件
-      ></EditAccountDrawer>
-
-    </PageContainer>
-  )
-};