feat: add schedule type ux

2024-09-09 13:41:39 +08:00
parent 5c372bbaa3
commit dc4e83447d
21 changed files with 434 additions and 180 deletions
@@ -0,0 +1,24 @@
+import { convertFileSize } from '@/utils';
+import _ from 'lodash';
+import React from 'react';
+import '../style/gpu-card.less';
+
+const GPUCard: React.FC<{
+  data: any;
+}> = ({ data }) => {
+  return (
+    <div className="gpu-card">
+      <div className="header">
+        {data.label}({data.worker_name})[Index:{data.index}]
+      </div>
+      <div className="info">
+        <span>VRAM:</span>
+        <span>Total {convertFileSize(22906503168)}</span>
+        <span>Used {convertFileSize(3322640640)}</span>
+        <span>Utilization {_.round(3.79, 2)}%</span>
+      </div>
+    </div>
+  );
+};
+
+export default GPUCard;