chore:调度文件拆分

2026-08-05 15:58:18 +08:00
parent 8c4d2c0517
commit 9b5de51a68
9 changed files with 771 additions and 644 deletions
@@ -0,0 +1,153 @@
+import { type ScheduleNode } from "../../services/api";
+import Icon from "../../components/common/Icon";
+import { shortHash } from "./utils";
+
+type NodeForm = {
+  nodeName: string;
+  timeoutSeconds: string;
+  retryCount: string;
+  retryIntervalSec: string;
+  argumentsJson: string;
+  envRefsJson: string;
+};
+
+export function NodeInspector({
+  node,
+  form,
+  busy,
+  onChange,
+  onSave,
+  onDelete,
+}: {
+  node: ScheduleNode;
+  form: NodeForm;
+  busy: boolean;
+  onChange: (form: NodeForm) => void;
+  onSave: () => void;
+  onDelete: () => void;
+}) {
+  return (
+    <div className="schedule-inspector">
+      <section className="node-inspector-title">
+        <span className={`artifact-card__icon artifact-card__icon--${node.version.script_type}`}>
+          <Icon
+            name={node.version.script_type === "notebook" ? "notebook" : "python"}
+            size={17}
+          />
+        </span>
+        <div>
+          <small>节点配置</small>
+          <strong>{node.node_key}</strong>
+        </div>
+      </section>
+      <section>
+        <h3>稳定版本</h3>
+        <div className="version-readonly">
+          <strong>{node.version.script_name}</strong>
+          <span>{node.version.version_label}</span>
+          <small>versions_id: {node.versions_id}</small>
+          <small>SHA-256: {shortHash(node.version.content_hash)}</small>
+        </div>
+      </section>
+      <section>
+        <h3>节点信息</h3>
+        <label>
+          <span>节点名称</span>
+          <input
+            value={form.nodeName}
+            onChange={(event) => onChange({
+              ...form,
+              nodeName: event.target.value,
+            })}
+          />
+        </label>
+        <div className="inspector-grid">
+          <label>
+            <span>超时（秒）</span>
+            <input
+              type="number"
+              min="1"
+              value={form.timeoutSeconds}
+              onChange={(event) => onChange({
+                ...form,
+                timeoutSeconds: event.target.value,
+              })}
+            />
+          </label>
+          <label>
+            <span>重试次数</span>
+            <input
+              type="number"
+              min="0"
+              max="10"
+              value={form.retryCount}
+              onChange={(event) => onChange({
+                ...form,
+                retryCount: event.target.value,
+              })}
+            />
+          </label>
+        </div>
+        <label>
+          <span>重试间隔（秒）</span>
+          <input
+            type="number"
+            min="0"
+            value={form.retryIntervalSec}
+            onChange={(event) => onChange({
+              ...form,
+              retryIntervalSec: event.target.value,
+            })}
+          />
+        </label>
+      </section>
+      <section>
+        <h3>运行参数</h3>
+        <label>
+          <span>arguments_json</span>
+          <textarea
+            className="json-editor"
+            rows={5}
+            spellCheck={false}
+            value={form.argumentsJson}
+            onChange={(event) => onChange({
+              ...form,
+              argumentsJson: event.target.value,
+            })}
+          />
+        </label>
+        <label>
+          <span>env_refs_json</span>
+          <textarea
+            className="json-editor"
+            rows={4}
+            spellCheck={false}
+            value={form.envRefsJson}
+            onChange={(event) => onChange({
+              ...form,
+              envRefsJson: event.target.value,
+            })}
+          />
+        </label>
+      </section>
+      <div className="node-inspector-actions">
+        <button
+          className="inspector-primary-button"
+          type="button"
+          disabled={busy}
+          onClick={onSave}
+        >
+          保存节点
+        </button>
+        <button
+          className="inspector-danger-button"
+          type="button"
+          disabled={busy}
+          onClick={onDelete}
+        >
+          删除节点
+        </button>
+      </div>
+    </div>
+  );
+}