Function SystemList

frontend/packages/core/src/pages/system/SystemList.tsx:20–283

()

import { LogsFooter } from './serviceDeployment/ServiceDeployMentFooter.tsx'

const SystemList: FC = () => {
  const navigate = useNavigate()
  const [tableSearchWord, setTableSearchWord] = useState<string>('')
  const { setBreadcrumb } = useBreadcrumb()
  const [teamList, setTeamList] = useState<{ [k: string]: { text: string } }>()
  const { fetchData } = useFetch()
  const [tableListDataSource, setTableListDataSource] = useState<SystemTableListItem[]>([])
  const [tableHttpReload, setTableHttpReload] = useState(true)
  const { message, modal } = App.useApp()
  const pageListRef = useRef<ActionType>(null)
  const [memberValueEnum, setMemberValueEnum] = useState<{ [k: string]: { text: string } }>({})
  const [open, setOpen] = useState(false)
  const drawerFormRef = useRef<SystemConfigHandle>(null)
  const { checkPermission, accessInit, getGlobalAccessData, state } = useGlobalContext()
  const [stateColumnMap] = useState<{ [k: string]: { text: string; className?: string } }>({
    normal: { text: '正常' },
    deploying: { text: '部署中', className: 'text-[#2196f3]' },
    error: { text: '异常', className: 'text-[#ff4d4f]' },
    public: { text: '公共服务' },
    private: { text: '私有服务' }
  })
  const getSystemList = () => {
    if (!accessInit) {
      getGlobalAccessData()?.then?.(() => {
        getSystemList()
      })
      return Promise.resolve({ data: [], success: false })
    }
    if (!tableHttpReload) {
      setTableHttpReload(true)
      return Promise.resolve({
        data: tableListDataSource,
        success: true
      })
    }
    return fetchData<BasicResponse<{ services: SystemTableListItem[] }>>(
      !checkPermission('system.workspace.service.view_all') ? 'my_services' : 'services',
      {
        method: 'GET',
        eoParams: { keyword: tableSearchWord },
        eoTransformKeys: ['api_num', 'service_num', 'create_time']
      }
    )
      .then((response) => {
        const { code, data, msg } = response
        if (code === STATUS_CODE.SUCCESS) {
          setTableListDataSource(data.services)
          setTableHttpReload(false)
          return { data: data.services, success: true }
        } else {
          message.error(msg || $t(RESPONSE_TIPS.error))
          return { data: [], success: false }
        }
      })
      .catch(() => {
        return { data: [], success: false }
      })
  }