style: playround params collapse

src/pages/resources/components/workers.tsx

@@ -10,6 +10,7 @@ import { Button, Input, Modal, Space, Table, Tooltip, message } from 'antd';
 import _ from 'lodash';
 import { memo, useEffect, useState } from 'react';
 import { deleteWorker, queryWorkersList } from '../apis';
+import { WorkerStatusMapValue, status } from '../config';
 import { Filesystem, GPUDeviceItem, ListItem } from '../config/types';
 const { Column } = Table;
 
@@ -218,10 +219,9 @@ const Resources: React.FC = () => {
             return (
               <StatusTag
                 statusValue={{
-                  status: ['Inactive', 'Unknown'].includes(record.state)
-                    ? 'inactive'
-                    : 'success',
-                  text: record.state
+                  status: status[record.state] as any,
+                  text: WorkerStatusMapValue[record.state],
+                  message: record.state_message
                 }}
               ></StatusTag>
             );

src/pages/resources/config/index.ts

@@ -0,0 +1,16 @@
+import { StatusMaps } from '@/config';
+
+export const WorkerStatusMap = {
+  ready: 'ready',
+  not_ready: 'not_ready'
+};
+
+export const WorkerStatusMapValue = {
+  [WorkerStatusMap.ready]: 'Ready',
+  [WorkerStatusMap.not_ready]: 'Not Ready'
+};
+
+export const status: any = {
+  [WorkerStatusMap.ready]: StatusMaps.success,
+  [WorkerStatusMap.not_ready]: StatusMaps.error
+};

src/pages/resources/config/types.ts

@@ -64,6 +64,7 @@ export interface ListItem {
   labels: object;
   state: string;
   ip: string;
+  state_message: string;
   status: {
     cpu: {
       total: number;